You will spend a lot of time here changing, testing, and tweaking settings. Go to W3’s Minify menu and scroll down to the JS area.Left everything else as default, then Save All Settings. I used a web-based critical CSS generator that left out some important CSS, causing certain modules of my site not to load. I would require a better understanding of setting up critical path CSS. Their inline and defer CSS section (part 5) did not work for me. I bookmarked this guide and followed a lot of their recommended settings. Install W3 Total Cache and follow one of the many helpful setup guides available.How I Got Rid Of Most Of The Render-Blocking JavaScript Using W3 Total Cache I would need to remove some images and modules from my homepage in order to boost my score. This means that even if you have NO red flags for JS and CSS, your score won’t automatically be 100.Īfter learning this, I’m pretty sure that the 79 on mobile is due to the large page size of 2.26MB. Out of curiosity, I ran speed tests on my broken site while jquery.js was minified and surprisingly, even though this flag disappeared from GSI’s report, my PageSpeed score did NOT go up. Interesting Test: I tested minifying this JavaScript in W3 and, when minified in a non-blocking way, it always broke the formatting of my site. Also, the more variations of one Google Font you use (ex: weights 100, 100italic, 200, 200italic, 300, 300italic…) also adds extra load time to your site. The more Google fonts you use, the longer your page will take to load. Use a web safe font instead (Arial, Times, etc.). Font Tip: Use only ONE Google Font for page speed.If you use a Google font on your WordPress site, you will most likely always see the font load here as unoptimized CSS. Google Webfont Optimizer can help to combine multiple Google font files into one “load,” but I’m currently trying to stop Divi from loading unnecessary variations (ex: multiple languages) of my Open Sans font, so I have the plugin turned off for now.If you’re stuck on something, check this site for additional feedback.įiles That Couldn’t Be Minified, Deferred or Loaded Asynchronously Without Breaking The Site : To be honest, this is the tool I use the least out of the bunch, but provides insight much like GTMetrix.Google PageSpeed Insights: Provides results that aren’t focused on the SECONDS it takes your page to load, but more the STRUCTURE of the page and what you need to do to appease the Google gods (getting rid of unnecessary code, streamlining load order, optimizing images, improving server response time).Gives thorough information about how images are slowing down your load time (scroll down the waterfall results to see this info). Pingdom: Lets you test page speed load times from different servers around the world.Look at PageSpeed and YSlow tabs for great details on how to optimize your site for speed. GTMetrix: Most informative reports in my opinion.You’ll get tons of tips about how to tweak your site’s content to make things load faster. There are a number of page speed tests you can run for free right now to see how quickly your page is loading.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |