Index page loading slightly slower than other pages
-
Hi,
My index page is loading slightly slower than other pages, and I’m not sure what causing this. It may be a CSS problem. I’ve run some troubleshoots, but couldnt find something remarkable since I’m not a very experienced website builder. As you can see, pages like sessies or reportages are loading a lot faster than the index/home page. I’m aware this is not a major issue, but it may cause trouble in the future. Perhaps you can help me find a solution. Thanks in advance!
-
It’s not taking too long.
3 seconds here: https://gtmetrix.com/reports/frequenzy.nl/YrEfX9aE
6.6 seconds on first view, but 1.4 seconds on second view, here: http://www.webpagetest.org/result/160221_2E_RBK/
The files that took the longest to load were http://frequenzy.nl/wp-content/uploads/2016/02/how-to-be-a-dj-when-youre-deaf-robbie-wilde253-body-image-1440251769.png and http://frequenzy.nl/wp-content/uploads/2016/02/cropped-2225158_10.jpg which I’d recommend applying a bit more compression to and then re-uploading. They aren’t too terribly large in file size, but it would be nice if they were less than 300 KB.
Over all though, that was just a tiny nit-pick. I’m not seeing anything in those reports to suggest that there’s anything wrong with your site. Assuming you’re on shared hosting, the variance in the speed (especially from 6 seconds to 1 in the second test) could simply be more representative of the load the server is under at the time.
@james Huff
Hi, thanks for responding.
I’m aware it’s not taking TOO long, but longer than the other pages, even though the same images are being used. This wasn’t the case just 1-2 weeks ago, with the same images. The only difference since that time is that I’ve installed/uninstalled some plugins, messed around with the php files when necessary, so I was assuming coding caused the problem.I ran a Pingdom test on your site. You can see the results (and what’s taking the most time) here: Frequenzy Pingdom Results.
(1)
For starters, your home page full-screen image was 388KB. That’s massive, and takes a long time to load on all devices.I losslessly compressed it (no loss in image quality and reduced it to 175KB:
https://www.webprezence.com/img/cropped-2225158_10-min.jpgThen I saved it as a progressive JPG, and got it down to 73KB:
https://www.webprezence.com/img/cropped-2225158_10-min-progressive.jpg(2)
This image is loading on your homepage according to GTMetrix and Pingdom. It was a .png file. You should only use .png files if you need to preserve transparency, or if it’s, say, a digital image from a camera for a photographer, or something. I converted it to a .jpg and losslessly compressed it, and reduced the file size from 348KB to 22KB.(3)
You’re calling the YouTube API somewhere, somehow. Is there a video there? If so, how are you embedding it?(4)
Download a plugin like EWWW Image Optimizer which will losslesly compress your images and thumbnails (no quality loss) or lossy compress your images (slight image loss, but you can’t really recognize it).(5)
Download and install a caching mechanism such as WP Super Cache (easier to set up) or W3 Total Cache (more complex; I like it better).Other than that, your site will load fast, as you reduced your page size by over 650KB just by using the new images alone. Then take care of the YouTube thing, and then install those plugins.
Let me know when you’ve downloaded those images from my website, so I can delete them and let me know if you have any more questions.
In general too, it’s normal for the blog page to take longer to load than individual posts, as it has to query the database for more than just 1 post’s content. π
Hi,
I’ve tried several things, but compressing the image doesnt seem to work. The headerr image could not be the cause, because otherwise the other pages would also take a few seconds, since they’re using the same images.
I’m using the YouTube API for embedding videos in a post, but since eveything loads normal except the index page, this couldn’t be the problem. Also, WP Super Cache was already installed.
This problem especially weirds me out, because the index page is the ONLY page that loads a bit slower than the other pages, even though it doesn’t have special/additional features.
Considering that it’s still loading in the speed checkers in a perfectly reasonable amount of time, my guess is that you’re seeing the index page load naturally slower than others because it needs to query for multiple posts in the database rather than just one, which is normal.
First, things have gotten worse. Your homepage main image is now 493KB, which is massive and severely hampering not only the page load time, but how the visitor perceives your page as loading.
Please don’t say “that doesn’t work”. When you shave 850KB off your page size — as I’ve done for you in this post — obviously your page will load faster; common sense.
GT Metrix and Pingdom are really not accurate representations of page load times, although they serve a purpose.
The most accurate representation of page load times would be Web Page Text dot Org. See your results and test again if you’d like..
Again, for your homepage main full-width banner, please use one of these:
(1) Losslessly compressed (no image quality loss): 118KB –> https://www.webprezence.com/cropped-bann2.jpg(2) Progressive jpg (Recommended; slight quality loss; nobody will notice): 40KB –> https://www.webprezence.com/cropped-bann2-progressive.jpg
(3) Another image — this was 348KB, now it’s 21KB with no image quality loss: –> https://www.webprezence.com/how-to-be-a-dj-when-youre-deaf-robbie-wilde253-body-image-1440251769-382×380.jpg
(4) Final image. Was 92KB, now is 18KB: –> https://www.webprezence.com/3-380×380.jpg
It’s good you added WP Super Cache. If you’d like more images optimized, GTMetrix will do that for you (not quite as good as I can do it, but I have the software). Just click Optimize Images, and then See Optimized Version from your GTMetrix test results. Right-click and save the optimized version, and use your FTP client or web host’s file manager to overwrite the old, bloated image.
Please add a lazy loading plugin such as BJ Lazy Load so your images — even the optimized ones (that you’re going to use now, right?) — don’t slow down page load times, and only load as the visitor scrolls.
Lastly, ensure everything that’s “recommended” within your WP Super Cache settings are checked, prime your cache (it’s in the WP Super settings), and go to your root directory in your file manager — ensure “show hidden files” is checked, and add these lines anywhere inside your .htaccess file:
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access plus 1 year”
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType text/css “access plus 1 month”
ExpiresByType application/pdf “access plus 1 month”
ExpiresByType text/x-javascript “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access plus 1 month”
ExpiresByType image/x-icon “access plus 1 year”
ExpiresDefault “access plus 2 days”
</IfModule>
## EXPIRES CACHING ##This will leverage your browser caching, making your pages load more quickly.
So now we’ve shaved almost 1000KB (1MB) off your massive page size, and we’ve leveraged your browser caching. Additionally, we’re now lazy loading your images so your page loads faster. Trust me, all of these things will make a difference.
Extra tip not related to page load times: Please start naming your images appropriately. Instead of naming an image “3-380×380.jpg”, name it “Muziek band spelen op Sam’s Bar.jpg” if you’d like search engines to crawl your images in Dutch. It’s must better for search marketing purposes.Good luck.
- The topic ‘Index page loading slightly slower than other pages’ is closed to new replies.