Google PageSpeed Insights results jQuery slows down loading -


i'm trying speed website applying google pagespeed insights recommendations, things don't make sense me.

results get: https://goo.gl/gsq6zs

it says above fold content couldn't loaded without delay because of jquery, jquery script reference placed before closing body tag, interesting if copy/paste source code jquery file , put directly index.html inline code works perfectly, solution looks dirty me. fast ways determine javascript/css files responsible displaying above fold content? have many css files , it's inconvenient go through every file , determine parts responsible.

any suggestions welcome

first read 2 articles:

https://developers.google.com/speed/docs/insights/blockingjs https://developers.google.com/speed/docs/insights/optimizecssdelivery

the problems have following files: enter image description here

render blocking javascript

you can few things fix such inline js, using async or in cases putting .js files @ bottom of script below else.

inline js

simply copy .js file .html file <script> tags around it.

using async

i wouldn't suggest if you're loading jquery may try run jquery code on page before script loaded causing errors.

putting script @ bottom of page

although isn't on google page, doing fixed problem although script still needs loaded page load. may need correct me on this.

optimize css delivery

this pretty don't fetch bunch of separate css files before page can load.

inline css

copy , pasting css html file seems fix issue loads page loads. i've read may cause page load bit slower, it'll give higher pagespeed score.

add css javascript on page load

as stated in answer here, you'll avoid pagespeed issues if add css through javascript rather fetching bunch of css files.


Comments

Post a Comment

Popular posts from this blog

javascript - jQuery: Add class depending on URL in the best way -

i have html progress meter: <div class="col-md-3" style="margin-left: -20px;"> <div class="progress-pos active" id="progess-1"> <div class="progress-pos-inner"> login </div> </div> </div> <div class="col-md-3 progress-pos-container"> <div class="progress-pos" id="progess-2"> <div class="progress-pos-inner"> scan items </div> </div> </div> <div class="col-md-3 progress-pos-container"> <div class="progress-pos" id="progess-3"> <div class="progress-pos-inner"> confirm address </div> </div> </div> <div class="col-md-3 progress-pos-container"> <div class="progress-pos" id="progess-4"> <div class="progress-pos-in...
Read more

caching - How to check if a url path exists in the service worker cache -

i need check if particular url path exists in service worker cache. example, suppose url is: /myserviceworker/service?a=110&b=70 this url exists in cache, there many of them different values of , b. now, suppose want refresh of these urls, how can that? i want know how access key values service worker cache. if know key, plan follows: var url = new url(key); if(url.pathname === "\/myserviceworker/service") refetch key but not sure how cache key , in format is. mean, string or url? cache api has match() method returns promise resolving in response object if match or undefined if no match exists. second parameter object can specify ignoresearch not take account url parameters. the ignoresearch option supported firefox ( chrome status here ). in other hand, retrieve cache entries, can use keys() method.
Read more

Redirect to a HTTPS version using .htaccess -

i need modify .htaccess file redirect urls https version without "www". http://example.com --> https://example.com http://www.example.com --> https://example.com https://www.example.com --> https://example.com this how .htaccess file looks like: rewriteengine on rewritecond %{request_filename} !-d rewritecond %{request_filename} !-f rewriterule ^(.*)$ redirect.php?id=$1&page=$2 [qsa,l] what modifications need make .htaccess in order forward https without "www"? it depends on doing current code. looks file called redirect trying display php page seo friendly url. think might confusing people. anyway, need , force https without www, need 1 more rule above. also second rule needs two capture groups in rewriterule test string because wanting 2 different values using $1 , $2 references. rewriteengine on #rediect www non www and/or http https --- combinations. rewritecond %{http_host} !^example\.com [nc,or] rewritecond %{https} !^...
Read more