[Support request] How can I improve my page load time

[Amit]

I am looking for improving my page load time. It’s showing around 3 seconds in GT metrix with not satisfactory scores. The site is http://www.friedcoffee.com and it’s using W3TC plugin.

[Garth Dryland]

I just had a quick look. It doesn’t look like you’re using a CDN and hostgator isn’t going to be super fast. Not sure but maybe you could use smush for your images. I’m also not convinced with plugins like that. They can be a pain. Host specific caching plugins are a bit better I find..

You can look here for Toms suggestions too..

[Tom]

The URL Garth linked to is a great place to start.

Also, like he said, Hostgator isn’t going to be super fast, as you’re using a shared server.

[Amit]

I am using Cloud hosting and have seen load times of 1.3 seconds for the same website.

[arabsworks]

Dear Amit,

My recipe >>>> (digitalocean ubuntu 16.04 + php7 + mariaDB + nginx )

[Amit]

Hi Tom, I’ve used your ingredients, that is autoptimize and async javascript to load the website faster. Their are improved figures but page speed is saying some weird things even after adding the above the fold css:

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 2 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Optimize CSS Delivery of the following:
https://www.friedcoffee.com/…pip_dynaminc_css_custom&nonce=9386f54cf9
https://www.friedcoffee.com/…ize_8b7061bba1e034c2092dd205dbc95583.css

Prioritize visible content
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
The entire HTML response was not sufficient to render the above-the-fold content. This usually indicates that additional resources, loaded after HTML parsing, were required to render above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold by including it directly in the HTML response.
Only about 54% of the final above-the-fold content could be rendered with the full HTML response see screenshot show original.

Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
https://www.google-analytics.com/analytics.js (2 hours)

Reduce server response time
In our test, your server responded in 0.59 seconds. There are many factors that can slow down your server response time. Please read our recommendations to learn how you can monitor and measure where your server is spending the most time.

The reduce server response time was not coming previously but still the site has improved figures. How can I eliminate these above messages from insights?

[arabsworks]

Here how we leverage the browser caching with nginx:

https://www.digitalocean.com/community/tutorials/how-to-implement-browser-caching-with-nginx-s-header-module-on-ubuntu-16-04

[Tom]

Thanks for posting that link! Should be very helpful.

You can also consider a plugin like WPRocket, which is very popular.

[Author]

Posts