Slow page load, Google Insights

Support
#1

Having lots of issues with slow page load. Images have been optimized, but are still showing that they need optimization on google. Found this article of the issue we are having:

Are the aspect ratios of images slowing our page load?

The home page is super slow to load overall. Images are just one problem. What do you recommend to minify html, js, css? This site is running poorly at this point. https://abilitymagazine.com

Also, the Revolution slider has a jump on load. How can we make that a smoother load in the Pro page builder?

Thanks!

#2

One additional remark to the Google Insights. How can we accomplish this google recommendation?

“Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 42 blocking script resources and 32 blocking CSS resources. This causes a delay in rendering your page”.

#3

Hey,

Thank you for writing in!

You can try to follow these tips: https://wpengine.com/blog/site-speed-make-wordpress-lightning-fast/

#4

Are the aspect ratios of images slowing the page load? This is related to the image sizes of XPro. Can you please explain the image size and what is necessary for the thumbnails to populate since the image size is not typical wordpress sizes. Should the default sizes be changed in the Wordpress Admin Settings?

#5

Hi there,

X/Pro uses its own registered image sizes to cover almost all devices without sacrificing the quality, example if the optimization tool suggested you to resize your image to 300px since it’s displayed on a container where it has 300px width, are you going to follow that? That’s because most mobile now has 767px and stretching a 300px on that device will make it blurry. And there are retina devices that even suggest for bigger and doubled size images.

This size https://abilitymagazine.com/wp-content/uploads/2017/06/War-on-disabilities.jpg is even ideal for desktop and tablets ( 1080px and it’s even small in large my screen ). But the tool suggested to compress it and save 88%. By means of compressing, you will need to resize it down or lower the quality. Maybe because it’s displayed on a 350px container and the tool expected it to be 350px image too. I’m not really sure how they calculate the optimization and compression, but it looks like it.

In responsive design, it will not always stay to 350px, it could change, it could increase or shrink down. And it looks the tools are only testing it on a specific device where it has a specific width. (eg. a standard mobile site like m.facebook.com where it’s actually a mobile site and not a responsive site)

But I don’t think it’s due to those images, according to PageSpeed result, almost all images are optimized except to those three, but, those three are loading fast once the page is loaded.

How about turning off Essential Grid and disable all tracking code and embed codes? The EG is throwing 404 error which affects loading speed. While those tracking and embed codes have delay time when connecting since it’s hosted outside of your site. Then test it again to see if there is any improvement.

Thanks.

1 Like
#6

Hi Thanks for doing that!

Essential Grid is definitely the source of 404 error. They said the update 2.6.1 will take care of that. Has that been tested with XPro? Will the updated EG come available through a normal update?

I get what you’re saying on the optimization of images. We have optimized all of our images. It doesn’t really make sense.

Thanks again for the help!

#7

Hi There,

Unfortunately, compatible version is still Version 2.1.5.1. We will let you know once the update is available. Usually we publish it on our changelog here: https://theme.co/changelog/.