Autoptimize & Litespeed Best Settings to Obtain > 80 Score for MOBILE SPEED TEST (Pagespeed Insights)



PART 1: FONTS

* Remember to select Remove Google Fonts inside Autoptimize settings! VERY IMPORTANT!
COPY ENTIRE SETTINGS BELOW FOR "EXTRA" tab of this plugin:



When running test on Google PageSpeed Insights, please take note of the following:

* Depending on Google's recommendation (don't copy these lines bulat-bulat ya...), make sure to insert the following <preload> line into Theme's header.php

<link rel="preload" href="wp-content/themes/astra/assets/fonts/astra.woff" as="fonts">
<link rel="preload" href="wp-content/plugins/monarch/css/fonts/monarch.ttf" as="fonts">
<link rel="preload" href="wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff2" as="fonts">
<link rel="preload" href="wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2?5.4.0" as="fonts">
<link rel="preload" href="wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2" as="fonts">


IMPORTANT NOTE: I DID NOT INSERT www.domain.com in front of the
href="wp-content/themes/astra/assets/fonts/astra.woff" 


Save the header.php > Litespeed to clear PURGE ALL & EMPTY ENTIRE CACHE. Run the PageSpeed Insights test again to see the difference just like below!



BEFORE: SCORE 70 






AFTER: SCORE 84







PART 2: LITESPEED SETTINGS (ONLY FOR MOBILE)

Go to Litespeed Cache > Settings > Cache (tab). Turn ON Cache Mobile and leave default settings for List of Mobile User Agents





The best advice about optimizing fonts, images and speed is here in this link:























Comments

Popular posts from this blog

What To Do First When Embarking on First SEO Project?