Optimization for the website (Cloudflare+PageSpeed Insights)

Web Programming 112 USD
Job 23 of 124
There was:
The corporate website on WordPress was slow on mobile devices:
• low PageSpeed Insights scores (LCP/FCP, “Improve image delivery”, “Render-blocking resources”);
• heavy images without responsive sizes, duplication of the same file as a background-image;
• inefficient caching (browser and server), unnecessary database requests;
• Cloudflare was connected “by default” without configured cache and optimization rules.

What was done:
• Conducted an audit using PageSpeed Insights and Chrome DevTools (LCP, CLS, waterfall, coverage).
• Configured Cloudflare:
• page rules / cache rules for static resources;
• compression and caching of images, HTML, CSS, JS;
• correct operation with WordPress cache (ignore dynamic pages, bypass for admin / cart / search, etc.).
• Redesigned image output in the theme:
• replaced direct URLs with wp_get_attachment_image() with srcset / sizes;
• added separate image sizes for heroes and catalog cards, removed duplication through background-image;
• set up lazy-loading, fetchpriority="high" only for key elements.
• Optimized critical styles and scripts:
• removed some render-blocking resources, deferred loading of secondary CSS/JS;

Result:
• Significant improvement in PageSpeed Insights scores on mobile (LCP and FCP in the “green” zone on key pages).
• Reduced size of loaded images without loss of quality.
• Faster first content display and smoother website performance under load.
Details
  • Added:
185

Freelancer

  • Projects 149
  • Rating 5.0
  • Rating 22 329
Register

If you have an account, log in

Indicators

  • Last visit: 3 hours 11 minutes ago
  • Replies within a couple of hours