How to optimize for core web vitals google page speed insights Avoid chaining critical requests issue? - cloudflare

Google page speed is showing to avoid critical requests for cloud flare javascript files.
I tried multiple methods such as preload, fetch the javascript files in the head section of the website. Not a single method was helpful for me. Even I tried to get in touch with Cloudflare,they weren't helping much.
I would really appreciate it if anyone can help me regarding this critical issue.
Thank You.

This link explains how to get Rocket Loader to ignore certain scripts:
https://support.cloudflare.com/hc/en-us/articles/200169436-How-can-I-have-Rocket-Loader-ignore-specific-JavaScripts-
Presumably, if Rocket Loader ignores them, the scripts will be loaded directly, and this will shorten the request chain.

Related

Prerendering Vue? Nuxt.js or plugin, what is better for existing website

I have webiste which is available in the internet. Front is written in Vue.js and CMS is created using Laravel (PHP). These are separate applications.
Unfortunatelly Google dosen't see the page because of lack of SEO (yeah! Vue). The website is big, has a lot of routes, fetches data from API ex. for a blog.
Here is my question. What is a better solution? Move website to Nuxt.js or use some fancy plugin like https://github.com/chrisvfritz/prerender-spa-plugin and fetch data from API.
I'll be gratefull for any tips!
Use #prerenderer/renderer-puppeteer if: You're prerendering up to a couple hundred pages and want accurate results.
Use #prerenderer/renderer-jsdom if: You need to prerender thousands upon thousands of pages, but quality isn't all that important, and you're willing to work around issues for more advanced cases. (Programmatic SVG support, etc.)

Angularjs:Crawling a site

I have made an angular app with rails as a backend.I have read lots of blog and articles about how to make an angulajs app crawlable.
for example - : "http://www.example.com/#!/home" Google bots will convert this url into "http://www.example.com/?_escape_fragment_=/home".
I have written logic that wherever request comes with "?_escape_fragement_=" format ,I just returns the json data in html file.
for example-:
<p>name: test</p>
<p>designation :test1</p>
so i just want to know that this much is enough for making an ajax application crawlable.if not then please suggest me the other ways to make an application crawlable.
Thanks,
You should consider creating HTML snapshots from your existing codebase rather than adding further complexity for creating pages. Google (see option 3) recommends using a headless browser to prerender your AJAX application before returning to the client.
You can also see some significant performance improvements by prerendering for all users and initialising your Angular app in its current state - especially in hybrid apps/mobile websites - this reduces XHR requests and painting in the browser. More on this here;
https://github.com/ithkuil/angular-on-server/wiki/Running-AngularJS-on-the-server-with-Node.js-and-jsdom

understanding http ajax requests in chrome developer tools

I'm not a developer but an internet marketer - so forgive me for what is I'm sure a very basic question. In my career, it's useful when looking at website marketing to better understand what tools are used, such as Google Analytics for example. Most of the time this is quite simple - just view source and you'll see in the source code the javascript snippet.
I use the ghostery plugin to make this a bit easier, but what I don't understand about http requests is how ghostery reports a technology as being used, such as the ad server DoubleClick for example, but I can't see any code in the source code that references Doubleclick. This happens a lot but it's most often with ad server technologies.
When I look using Chrome Dev Tools, I do in fact see that the call was made by viewing the Source tab.
My question is this and it's really a general question where I'm trying to better understand how calls are made back and forth between the browser and all the various servers and services:
How, in Chrome Tools do I find what code made the call to load the resource, such as DoubleClick. I can't find anything in the source code, which tells me I don't fully understand how interactions are working.
I think from search StackOverflow that is is a xmlhttp call but I'm not sure about that, maybe it's cookies - I just don't know how this is working. At the end of the day, I don't like not understanding how this all works, so I'm hoping someone can point me in the write direction.
Thanks.
In the Network panel, find your request of interest. The Initiator column will contain a reference to the code that has initiated loading the associated resource.

Can you run your own reCaptcha service, in your own web app?

Is the backend used by reCaptcha open source? Is it a simple web app that can be deployed in a given container?
Thanks,
LES
It's a web service. It is supplied by a third party.
You can integrate it into your application, but as far as the source code goes, no. Its value is not in the source code but in the images that are supplied. They're not randomly generated but come from books from those parts an OCR system failed to process. So by solving reCaptcha people are actually helping scan books. Somebody takes care of the scanning process and supplied a constant flow of new challenges. Hard to beat.
Running reCaptcha on your own server would be very cumbersome, as it requires a constant supply of image data (scanned books) to work. Also it would kind of beat a part of the purpose, that is digitizing books for the common good. Besides, I don't think it's even available.
This should be able to answer all of your questions for you: recaptcha

Accessing Page From App?

I am only just starting out with iPhone application development and have been doing some research with regards at getting data into an app using information available via the web.
I understand that I can access web pages using the NSURL* classes. Does anyone know how I might request data from a page that requires user input?
I can understand accessing an actual page, but I am not sure if (or how) I might be able to initiate the request and get the appropriate data back into my app.
Any help / pointers is very much appreciated.
EDIT_001:
I was thinking that I would have to interact with the actual controls on the page, but after a little more investigation I have found that I can simply use the request HTML that the page generates.
gary
This question is really too broad ("how does http networking work"), and if you look around this site you will probably find several questions that will take you in the right direction. As a first stop, check out the ASIHTTPRequest framework. Many people use it, and it makes http networking really simple.
You could also have a look at these links for inspiration:
http://iphoneonrails.com/
http://metaskills.net/2010/2/12/synchronizing-core-data-with-rails-3-0-0-pre