Today we will see how to increase a wp website speed completely !
Video playlist: https://www.youtube.com/playlist?list=PLMqgQUPEEDtuV1Res86bgQU77IlwG-YQ3
Read The Blog Of Google Page Speed: https://developers.google.com/speed/?hl=en-US&utm_source=PSI&utm_medium=incoming-link&utm_campaign=PSI
PRECAUTIONS:::
1. complete all the tasks of website? (IF YES, THEN PROCEED)
2. do you take back up of the wp website (IF YES, THEN PROCEED) _ Using ALL IN ONE WP MIGRATION
3. do you take befores after screenshot of gtmetrix and google page speed checker (IF YES, THEN PROCEED)
4/ take backup of .htaccess
Analyze your site’s speed :::
https://gtmetrix.com/
https://developers.google.com/speed/pagespeed/insights/
https://tools.pingdom.com/
https://www.webpagetest.org
Video : 01
Video : 02
Video : 03
Video : 04
** Get WP Rocket Licensed Version: WP ROCKET: https://mega.nz/#!jOZDBYpI!wO9lSnMAwAarrISrQ7apJczfhKQKTcD8mTo7uwAHbrk
** WP Rocket configuration
wp rocket > settings > BASIC > LazyLoad:
“>> Tick -> Enable for images
>> Tick -> Enable for iframes and videos”
Mobile cache:
Enable -> caching for mobile devices
Enable -> Separate cache files for mobile devices
UserCache
Enable -> Enable caching for logged-in WordPress users
SSL cache:
Enable -> Enable caching for pages with https://
Imoji cache: Enable(by default)
Use default emoji of visitor’s browser instead of loading emoji from WordPress.org
Embedded:
>> Disable WordPress Embeds
Cache Lifespan: >>
Cache Lifespan : 10 hours
WP ROCKET > Settings > Static Files
Minify files >>
HTML
CSS (must – see what is the state of the website – if broken – remove tick) becasue this enable may cause – broken sites
Combine files:
Google Fonts – Enable
CSS – Enable
Remove query strings:
Enable -> Remove query strings from static resources (must – see what is the state of the website – if broken – remove tick)-becasue this enable may cause – broken sites
risk(render block) – enable
risk(js) – enable
WP ROCKET > Settings > PRELOAD
Sitemap preloading:
Enable -> Activate sitemap-based cache preloading
Preload bot -> Automatic
Clear cache – finally by WP ROCKET
wp dashoard > at top > wp rocket > clear cache
MUST DELETE – W3 TOTAL CACHE – IF IT IS INSTALLED 🙂
- Autoptimize – By By Frank Goossens (futtta) – Free Plugin Configuration
- get plugin: https://wordpress.org/plugins/autoptimize/
– Settings > Autoptimize > HTML, CSS & JS
– Optimize HTML Code – Tick
– Optimize CSS Code – Tick
>> Save Changes > Save changes and empty cache
– Settings > Autoptimize > extra
– Google Fonts > 5 no. Combine and load fonts asynchronously with webfont.js
– Remove query strings from static resources -> Tick (MUST SEE SITE STATUS – if broken – romove tick)
– Settings > Autoptimize > images
– Optimize images -> TICK
– Image Optimization quality -> Lossy (MUST SEE SITE STATUS – if broken – choose GLOSSY or LOSS LESS)
– at top > aauto optimize > delete cache
risk(js) – enable
use only when speed is not sufficient
- Async JavaScript – By By Frank Goossens (futtta) – Free Plugin configuration
- get plugin: https://wordpress.org/plugins/async-javascript/
– settings > Async JavaScript > Wizard
– enable – async js
– Go https://gtmetrix.com/api/
– Login gtmetrix -> get api and using – user name and api – it will give you a test score.
– Step 4 ->> Proceed -> is your site is ok : YES > Apply Settings
– Async JavaScript > Settings
“- TICK – Enable Async JavaScript?
– TICK – Also enable Async JavaScript for logged in users?
– TICK – Also enable Async JavaScript on cart/ checkout pages? ”
– Tick -> Enable Autoptimize Support:
– Tick -> jQuery Method: DEFER/ asynnc – which is better ? apply that one
– Save Changes
