I have developed wordpress website but after hitting it is taking so much time for loading , this is my website link http://www.dahotreanddahotre.com/.
Tell me any plugin or manual setting such that i can decreases the loading time of my website?
There are a few things you can do:
Cache
Use a cache system: https://wordpress.org/plugins/wp-super-cache/
This will let you serve your fixed pages a lot faster to the user.
Minify
Use some minifier: https://wordpress.org/plugins/fast-velocity-minify/
This will make included javascript, css files smaller and thus they will take less time to load
Identify image needs
Looking at the network dev-tools a lot of the loading time (4 seconds +) comes from huge images:
1st image (1.47MB): http://www.dahotreanddahotre.com/wp-content/uploads/2019/03/We-intend-to-be-your-financial-lifeline.jpg
2nd image (1.64MB): http://www.dahotreanddahotre.com/wp-content/uploads/2019/03/We-are-startup-friendly.jpg
Use a Image compressor before uploading them and don't upload images that are bigger than you need.
For example image2 is: 4,300px × 2,862px this could be reduced and compressed.
By decreasing it's size to: 2,150px x 1,431px and compressing it, it becomes only: 350kb
Checking unreachable resources
Still looking at the dev tool I could see some fonts which where giving a 404 error (almost 2 seconds loading).
This means the font is unreachable but the browser still spends time to try to load it.
Make sure all resources are reachable and unused one are deleted.
Use good hosting
Avoid bunch of plugins
Get a custom wordpress theme starting from scratch
Avoid page builders
Optimize images used in website
Related
I'm optimizing my website and attempting to enhance the Largest Contentful Paint, but the only item that appears to require work are the optimised CSS files made with W3Speedster; here is a link to the Google speed test I performed. I want the LCP to be less than 2.5.
Any advice would be greatly welcomed; thank you!
That does not mean it takes over 3 seconds to render the content.
The rendering of you page from start render to document complete is only about 0.100 seconds.
You server is your biggest problem. It's slow.
The best thing you could do for your pages is either eliminate shareaholic.js, or get it to load sooner. It appears there may be some sort of lazyload. I does not load until 1.8 seconds. That is likely the reason the page rendering starts too late. That and too many font and CSS files. The Browser cannot begin rendering and till it has all the CSS and font files. shareaholic.js is your 15th file being loaded. There are 5 images being prefetched before this js.
You need to get the page to start rendering sooner. You could join some of the CSS files together to reduce the number of files being retrieved.
It's just your ads. :)
You'll most likely not be able to make it any faster. Maybe a little bit. I reduced it from 4 seconds on Cloudways Nginx servers to under 2 seconds on WPX Apache servers.
The problem is, when your ads are loading in the beginning a bidding war takes place. It's only after this they can load in the ads. So it'll always take time.
If I were you, I'd change the host to something like WPX, they will also help you make it as optimized as possible, with ads. If not changing the host, I'd focus on the CLS. Much bigger factor and easier to do something about.
I want to have a website page load images faster or where the images don't stop the user from seeing the text on the pages before the images finish loading.
1. if I have text on a website page. Does the text render first so the user can see text while the images are still loading?
2. If i have 3 mb of images and have my server that is hosting the website render 1.5 and then move the other 1.5mb to something like flickr and have the image source point to flickr, will that be better and load faster. Or say I just have all the images pull from flickr?
Please help me.
Its a WordPress site, and Clouldflare free cdn does something weird to my theme. So not an option. I also don't want to lazy load for other reason.
EDIT : o yea, if I host all the images on Flickr does that give away link juice (Domain Authority Rank)?
Images do increase overall load time, but they aren't render blocking. The whole page will render (barring render-blocking CSS or Scripts) and images will pop in when they are done. If you want to avoid that flash, you can lazy-load them, or otherwise put the final image's sizes on a container element, so the text is already "moved".
You can't really "Speed Up" image loads. The best thing to do is cut down on the number of images, if applicable, and lazy-load any that don't need to be requested initially. The next best thing (and arguably more important overall, I suppose) is to optimize your images. There are a handful of WordPress plugins that will do this for you, or you can do it in PhotoShop - and even some image CDN's will do it. This basically means, don't load a 1MB image if you don't have to, for "web display" purposes, you can serve a 200kb image that looks almost as good.
A side point, you can "speed them up" a little by having them served from a faster server, but that goes for anything web related. Throw it on better hardware to get better performance (for the most part).
If they are large images, you should first and foremost, optimize them. Make sure they are the smallest file size possible. Also, don't bother splitting "1.5mb" of them over to another host. Either upload them directly all through a CDN (some even tie into your WP Library, like Cloudinary), or keep them local to your site. You'll save yourself some headaches later.
If you have a photo heavy website (photography or other types of galleries), 3mb isn't really an awful lot - but again it's best to serve a more compressed image, you can even link the image or a button to the "full resolution" one.
WordPress website hosted on AWS EC2 t2.micro (LAMP).
The website page load time is around 1-2 secs.
However, I always have a selection of images that take 6-10 seconds to load.
It is not always the same image that takes a long time to load.
When I check page speed on GT Metrix I get varying results as to which images are loading slowly. (See below - 2 separate GT Metrix tests with different results)
If the images are served from a CDN they still take a long time to load (6-10 secs)
The images are compressed and have a small file size.
Is this a server issue and if so how do I fix?
If not, any ideas?
I would recommend converting your files to the JPEG format, and then if it is still not the fastest you could try compressing the files down, until you have a good compromise of image quality, and page speed/image size.
I have website and i have lots of images on home page.
Almost 60 images in row and i have almost 5 rows of carousel.
But all this image comes from remote website feed so i cant optimize them and the occupy lots of size
when i test my website in gt matrix it shows me 26mb of page so it is obvious it will take
much loading time.I have applied lazy loading images,how ever the speed is very slow
What steps should i take to speed up this kind of page?I dont want to use any plugin because they brake website some times
Upon showing images from another server makes the site slow, because that server may be slow.
So better you try to get those images from your server if possible, else you can try using
plugins like wp-supercache
Minify all your JS and CSS files
For better page speed and avoid these error you should try following things.
Enable Compression from Cpanel
You are using Wordpress so use any of the cache plugin.
Use header expiry using httaccess or page header.
minimize you scripts (css,js).
Use compressed images (jpegtran,pngout).
If your image is casing issue try to use CDN for images.
This will help you to improve page speed.
Crop the images using timthumb. There is wordpress plugins for timthumb probably. Check in wordpress directory as well as it's use. Once images size is reduced, Page would be loaded fast. Additionally, follow the #Jobin Jose's comment, will help you to optimize the speed. Moreover, use WP Super Cache plugins.
How can I detect image that is never used in the website, to improve loading speed of the whole content?.. Thanks in advance...
If an image is never used or referenced in the html then it won't be downloaded by the browser.
Even if they are out on your hosting, they will just be sitting there like storage, and not have an effect on speed of page times.
Here is a good reference for loading time optimization.
http://sixrevisions.com/web-development/site-speed-performance/
Defer Loading Content When Possible
Use External JS and CSS Files
Use Caching Systems
Avoid Resizing Images in HTML
Stop Using Images to Display Text
Optimize Image Sizes by Using the Correct File Format
Optimize the Way You Write Code
Load JavaScript at the End of Your Document
Use a Content Delivery Network (CDN)
Optimize Web Caching