I've been tasked with finding out what is stalling this website or making it load stupidly slow.
I've tried the network tab of the Google Chrome inspector, but I cannot figure out what is causing the initial delay.
Code has been optimised (further optimisation to come) and plugins have been added or removed and updates. Yet still slow.
URL is https://simplybikestuff.com/
Can anyone shed any light or suggest anything?
Caching plugins tried: WP Fastest Cache, WP Optimise (inc. database optimise and image smushing).
You need to reduce chaining critical request https://prnt.sc/Nnyf4hnHmYpX.
You can try WP Rocket Caching plugin for optimization.
Related
I'm trying to optimize a website (gntac.com) but not sure how to proceed further. It's hosted on Litespeed server and I'm using the Litespeed Cache Plugin for Wordpress. I have enabled webp images, combined and minified javascript, minified css, and enabled quick.cloud CDN. I'm also using Modernizr for webp replacement in css but Insights doesn't seem to recognize the change.
There are also a lot of DOM elements (presumably due to Elementor). Some of the theme elements are hidden with css on mobile. I tried to use Mobile_Detect to only load those elements for desktop but the cache seems to be static and is either generated for mobile OR desktop but not both so the Mobile_Detect code is useless. None of this seems to have made any difference in Pagespeed Insights with tests still at around 11 for mobile and 42 for desktop.
Could anyone please provide some pointers on where to go from here? I know a little web development and SEO/optimization but this is beyond me at the moment.
You can try to deactivate the cache, do the Lighthouse Check again, try to get ride of the unused script and styles and activate the cache tool again.
You should combine your css to, not only js.
The Front Page is well cached, but te product are loading up to 6 secs - which is way to long. Maybe yout server is to slow and you should upgrade.
Webpage speed optimization is an art itself. On advanced levels, we look into every piece of code for optimization.
At the beginner level, I would suggest you to use Cloudflare CDN (Free Subscription) and configure Cache and Speed settings.
Second, instead of using PageSpeed Insights, use Solarwinds Pingdom to check the speed of the website.
Third, make sure that all the unnecessary plugins and themes are deleted. Clean up as much as you can. WordPress themes are the usual culprit of a slow website, use the lightest possible theme which is regularly updated and optimized.
Make sure to address Render Blocking Elements (inline critical elements or deffer) and Server Response Time (better web hosting).
How to reduce ttfb time ?
my wordpress site has very long ttfb time.
i tested result several time and result absolutely confuse me sometimes is lower than 200ms sometimes more than 5s !
what is the problem ?
network configuration or server side scripts ? or something else ?
It is not really a Wordpress specific problem as all websites should try to have a ttfb time as little as possible.
Generally speaking when you use a tool like Google page Speed or PingDom (to name a few), you should get some advices on how to improve your ttfb time.
Like using a cache system, compress and regroup JS/CSS files, reduce images size, using a CDN, etc...
Now on Wordpress ecosystem, you have a lot of plugins what can help you with that (especially if you're not a developper).
Here is a list of some I know and have already used that may help you:
W3 Total Cache (caching plugin) - A good free solution for setting a cache system on your WP (realivelly complicated to handle though)
WP Rocket (caching plugin) - an excellent non-free solution. Work pretty well (much easier to handle than W3 Total Cache). Affordable.
Imagify (image compression plugin) - this plugin re-compress and optimize you medias. It is developped by the same company as WP Rocket, you need to create an account on there service to use it. And they have a free plan.
In any case, if you're not a developper, I encourage you to get help from one because some caching options can produce unwanted effects like a JS component that doesn't work anymore of stuff like that so you need to test if your website still works each time you make a change.
Note: long ttfb time can also be related to the server itself (mutualized one for example).
Hope it help.
I did all the things Like image optimization, rendering for page speed optimization. I checked my mobile page speed increasing but desktop page speed not increasing it's still 22 again and again. I want to know why I am facing this problem. My website is www.sagorkhan.com. Can anyone please help me?
enter image description here
There are many factors that could affect your page speed and actually I see you've done a good job so far but you may go a litter farther.
I've tested your site with google page speed, pingdom tool, gtmetrix, webpagetest and here is my conclusion:
I guess your problem is about how to reduce server response time. While testing your site, it took more than 3+ seconds (6 on webpagetest) to completely load which may be considered a huge time. Reduce the server response time is not an easy task and could be a real challenge but here is a few tips:
1. Images optimization:
You said that you've done image optimization but still, your site have some huge images, one of them for example, is about 1MB which is can really affect the server response time. These images can be easily optimized, just go to google page speed and after you test your site scroll down and find: Download optimized image, JavaScript, and CSS resources for this page. Download the zip file and try to replace the old images with optimized ones using any FTP client, FileZilla is more then good for that.
Note that you can find the images locations under Optimize images section in case you don't know the location. Repeat that step again to make sure all your images are optimized.
Also I'd recommend some plugins like wp-smushit for optimize and compress all of your images and Regenerate Thumbnails to fix Serve scaled images issue. tinypng is good online alternative too if you like to do it manually.
2. Optimize CSS Delivery
That's not easy actually because it may requires to optimize the code and structure of your theme but you can give Autoptimize or W3 Total cache a try. Both support combining and minifying all enqueued JS, and CSS files.
3. CDNs:
CDN can really accelerate your site and greatly reducing your page loading time. Now, there are tons of good CDNs providers but I would recommend CloudFlare as a start since its free and easy to use and their free plan is enough and does work really great.
4. Caching
WordPress caching is a must if you care about performance, I don't see any sign of caching plugins except your HTML, JavaScript, css files is minified already which is good but not enough. I would recommend W3 Total Cache or WP Super Cache.
5. Web Hosting
If you're hosing your site in a shared host, don't hope too much to get perfect page speed even if you done all the required optimization. I'd definitely recommend upgrading to a VPS since its kinda cheap (unmanaged servers can be cheaper then shared host) and not that hard to setup and secure, A small VPS server can have a significant impact on page load speed.
You are resizing massive images using HTML/CSS when you should be resizing them individually using Photoshop or a similar image editing tool. You have a lot of render blocking js, specifically they're the YouTube scripts you're running.
Another big issue is the sheer amount of stylesheet and js files you're loading -- 19 js and 13 css. Try combining your js files together as much as you can, as well as your css files ... you're going to want to minify them as well.
You're loading many components from various sources, adding more http request overhead. If it's possible, you should consider hosting your own copies of some files.
Take a look at the output from https://gtmetrix.com/reports/sagorkhan.com/cBTMzOjD ... that should get you on the road to optimizing. Make sure you take your time reading the pagespeed and yslow tabs.
We are struggling with the speed on our wordpress website. Have just moved to a VPS and this hasn't helped the speed at all.
Can anyone offer any recommendations on what needs to be done?
link to the website >> salon99.co.uk
You have some javascript errors, looks like not loading properly. How much ram your vps have, thats other issue might be. Avoid 404 on resources (images, css, js)
Check some tips from here
http://tecadmin.net/security-tips-for-lamp-stack-on-linux/
https://askubuntu.com/questions/60298/how-do-i-properly-set-up-and-secure-a-production-lamp-server
https://www.digitalocean.com/community/tutorials/building-for-production-web-applications-deploying
Provide more information on your setup.
Try install Google PageSpeed and test your site here
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fsalon99.co.uk%2F&tab=mobile
Running your site through Pingdom shows a 4 second time to first byte. This suggests you main issue is definitely server side. There's a couple of diagnosis plugins that you can install which will reveal which plugins may be slowing things down*, and which DB queries are expensive:
Query Monitor
Debug Bar
P3
Once you've worked out where the slow downs are coming from, you'll be in a better position to solve them. You might find you have one query in particular that is especially slow.
* I've always found WooCommerce to be on the sluggish side, but them's the breaks.
My site is running on Wordpress and uses Woocommerce to display most of the content. See my site here, I have a lot of images that could be part of the problem...
Google PageSpeed says I'm 0/100 for mobile speed and 11/100 for desktop speed, with a 44.5 server response time..
GTmetrix gives me an F for my speed, recommending I serve scaled images, leverage browser caching, add expired headers, make fewer http requests, and more.
I'm trying to interpret all of these poor scores, and would like some help on how to dramatically speed up my site.
Does anyone have any tips, or know what I can do to help increase the speed and improve my scores on these sites?
That site is certainly slow, however the load times appear to be primarily from the server (I'm seeing about a 3-5s load time before the server responds with content for the home page). This has nothing to do with how many images you are loading, it probably means you have a really slow plugin or piece of code.
I'm not sure how technical you are, but I'd recommend profiling your code. An easier solution may be to disable your plugins one-by-one until your site suddenly loads faster. Then re-enable every plugin except the last one to be disabled, and verify your site still loads fast. If it does, then the disabled plugin is likely the issue.