Blog
Select Page

WordPress Optimization For Page Speed Created With DIVI Page Builder

Misc

Here are a few tips and tricks we can use to make a website created with WordPress and Divi page builder, optimized and load faster.

WordPress Page Speed Optimization
WordPress Page Speed Optimization
  • Use Cloudflare – Free caching, proxy server, security, and CDN services for simple websites like information static sites, portfolios, and blog websites.
  • Use Jetpack – Free basic security services and image CDN services for all kinds of websites.
  • Use W3C Total cache – to cache all HTML versions of pages on the server to avoid recreating HTML pages and putting a load on the server ( Mysql database processing, PHP program run-processing) again and again.
  • Use Smush (WordPress Plugin) – A free basic tool to optimize/resize images during image uploads.
  • Manually optimize images i.e resize with tools like photoshop for extra-large images (oversized) and then do lossless compression using image compression tool like – https://tools.webdevpuneet.com/image-compressor/ (free online tool)
  • Minimizing any CSS and JS files used in the child theme to make them lightweight.
  • Remove any unwanted plugin that is not in use. This will remove their public files (HTML/CSS).
  • Remove any unwanted HTML/CSS/JS code that is not currently in use.

If you are checking page speed on google page speed ( https://developers.google.com/speed/pagespeed/insights/ ) or GTmetrix ( https://gtmetrix.com/ ) chances are they are showing some more files to alter after this, which I do not recommend to maintain the stability of the website.

Other than this you can choose to create certain graphics using CSS other than using images for backgrounds, margin, borders, etc.

You can also use image sprites to create image icons and use them through your website so the image loads only once and the entire icon set is loaded. You can also use font icons using icon moon to create customized icon names.

You can definitely avoid some javascript logics that are hindering your web page load time or image load time.

I think that’s all for now I will update it as I find more new techniques.

Following are some screenshots of my website webdevpuneet.com checked for page speed on GTMetrix and Google Page Speed.

Screenshots:

  • Latest Performance Report for webdevpuneet dot com - GTmetrix
    Latest Performance Report for webdevpuneet dot com – GTmetrix
  • PageSpeed Insights - webdevpuneet dot com
    PageSpeed Insights – webdevpuneet dot com