Enhancing the packing time of your website is a win-win approach to keep the visitors of your site delighted and to enhance the earnings generated by your online company.
To shed light on all those problems that decrease your website, we invited Stavros Papadakis to set out his procedure for speeding up sluggish sites.
Keep in mind: Stavros is one of over 300 AwesomeWeb designers and designers that you can work with today. He is our local specialist on site speed optimization.
You must certainly inspect my previous post with 16 methods to accelerate your WordPress website.
Although this post provided a fast list with the very best tweaks to enhance the loading time of your WordPress site, there are still lots of concerns that can slow down your site.
1. Super-heavy sites
There is no doubt that a 3MB page making 180 HTTP requests is going to be slower than a 1MB website with 60 HTTP requests.
Do you desire to optimize the loading time of your site?
One of the very best ways to do that is by decreasing the size of each page of your site.
While you are developing or revamping your site, you must do your finest to load only exactly what you need and nothing more.
Simply puts, you should always ask yourself:
Do I truly need 8 big images at my slideshow at homepage?
Do I need to display 20 portfolio items at homepage?
Should I show 12 testimonials of happy users at homepage or 3 testimonials will do the trick too?
Packing all these information makes your site look good but your website will be slower as well due to all these information.
Do you want to have a sluggish loading site? If not, then minimize the information loaded per page of your website.
2. Non-optimized images
Do you know that 80 % of the time that it takes to pack a website is managed by the front-end structure?
This is a fantastic fact of web efficiency optimization.
You can attempt to optimize your database or PHP code however if you ignore this fact of paramount importance, then your website will be slow.
A 460KB PNG file can end up being 90KB by optimizing it.
If you have 10 non-optimized images at your website, then you might include 2-3 MBs of additional page load.
If you do not enhance your images, then the loading time of your website can be severely affected.
Fortunately is that most of the JPG and PNG images can end up being 40 % and even up to 80 % smaller without losing image quality by enhancing them using Photoshop, ImageOptim or a third-party device such as Kraken.
3. Excessive usage of ads
Google Adsense and other similar services can be an additional source of earnings for you however they can also slow down your website.
A site that loads advertisements in header, to the best sidebar, in the body of the post and at the bottom of the page using 2 or 3 different advertisement services, is going to be much slower than a website with just 1 advertisement in the ideal sidebar or in the body of the post.
Not just are the ads annoying for most of the users but they will decrease your website also.
Appealing check the following screenshot from a customer’s website.
Think it or not, there are 4 various advertisements in it, one advertisement at the top of the screenshot, the video which is an ad, an advertisement to the right sidebar and another advertisement at the bottom of the page! Needless to say, those advertisements are irritating for the majority of the users and slow down the loading time of your website also.
To sum it up, ads need to constantly be used with care. As long as an ad does not create cash, it ought to be gotten rid of.
4. Wrong measurements for your images
You ought to not scale images in HTML, you need to resize a big image and use the resized image instead.
For circumstances, let’s assume that you have an image that it is 1200px x 600px and you want to use a “smaller” variation of it e.g. 400px x 200px.
Because case, do not make use of the original image and scale it down by changing width and height measurements in HTML.
You should develop a new thumbnail image by resizing the original image from 1200px x 600px to 400px x 200px and make use of the brand-new image which is smaller and will load faster.
I have actually come across many websites that utilized to load a 256 x 256 facebook image of 150KB instead of a 32 x 32 facebook icon of 2KB!
5. Meaningless redirects
I have one fast quiz for you.
Which one of the following images loads faster, A, B, C or D?
Did you select A? Wrong.
Did you choose B? Wrong.
Did you pick C? Wrong.
Did you select D? Incorrect again!
The ideal response is that it depends on your website!
If your site is https://www.domain.com, then by calling the non-HTTPS version of the image (http://www.domain.com/image.jpg), there will be an extra redirect from http://www.domain.com/image.jpg to https://www.domain.com/image.jpg by the browser in order to load the image.
If you are using the non-www variation for your website (http://domain.com/), then you ought to always make use of the non-www variation for your images as well (e.g. http://domain.com/image.jpg instead of http://www.domain.com/image.jpg).
Browsers do not like this kind of pointless redirects.
Using relative URLs for your files (e.g. << img src=”/ image.jpg”/>>), you can quickly eliminate this common issue that slows down the packing time of your site.
6. Incorrect server place
If the traffic of your website is generally from U.S.A or UK, then your site needs to be hosted by a hosting business situated in USA or UK respectively.
The closer the server is to the visitors of your website, the quicker your site will be.
7. Dodgy shared hosting plans
Nobody wants to pay $ $ $ for hosting a website but serving a WooCommerce website with 40 active plugins or a Magento website with 5000 items through a shared hosting plan that costs $ 5 per month is a recipe for catastrophe.
You ought to always invest in an excellent hosting business to obtain the best loading time for your site.
If your site is not available or slow, then you might conserve a few dollars monthly by utilizing a shared hosting plan but you will lose far more by losing your clients (a user that checks out a sluggish packing site will not review this website).
You need to not anticipate to get 200.000 special visits monthly to upgrade to a VPS, this will never ever happen while you are hosting your website on the exact same overloaded server with numerous websites on it.
8. Extreme use of social media scripts
Although many of those sharing alternatives must be available at the end of your posts so that your users can easily share your posts, it does not make good sense to pack all those sharing alternatives at each page.
Exactly what’s the point of packing those social media icons in every page e.g. at the contact page or at your classification pages?
Revealing 5 various social media counts for each post on homepage or classification pages includes a great deal of load to your website. How crucial is it to reveal rely on these pages? Do you have to reveal Facebook, Twitter, Pinterest, Google Plus and LinkedIn too?
Would you be finest of simply revealing 1 or 2 that carry out well for you? If you do not get many shares, exists much point revealing any at all?
You must constantly think two times prior to including any social media choices in a page of your site.
9. Incorrect file type for your images
If you need openness for your images then you can not avoid the PNG file type BUT if you do not need transparency, you ought to never save your images as PNG files because they are much bigger in filesize so much slower than JPG images.
Minimize or even eliminate any heavy GIF files because they can drastically slow down the loading time of your website.
You need to also attempt to prevent saving images with text as material because it can be a time-consuming process to edit the text on images and produced images are much heavier too.
Use JPG as your default. It’s the smallest and fastest packing file type for most of the files.
10. Not making the most of dedicated services
There is a big number of popular services that can minimize the load of your server.
Do you use jQuery, jQuery UI, AngularJS or Mootools? You ought to pack them via the Google hosted libraries.
Do you utilize WordPress and display popular posts? You ought to make use of Jetpack which does that immediately for you.
You can likewise utilize a Material Delivery Network (CDN) to serve your images from it instead of your site.
If your site is getting considerable traffic and you pack lots of images and videos, the packing time of your site can be optimized considerably by stabilizing your site’s workload with the above-mentioned techniques.
11. 404 errors
If you attempt to pack a file which does not exist or the browser can not find then the packing time of your website will be impacted by this 404 HTTP error.
You need to constantly look for any 404 mistakes throughout the rendering of your pages in order to attain the fastest loading time. You can do that either by checking the produced waterfall of your site making use of Webpagetest and GTMetrix or by utilizing the network tab of browsers such as Chrome and Firefox.
If Webpagetest programs any red lines on the waterfall then you ought to right away fix and take care of those 404 errors.
This type of errors can truly mess up the packing time of your website especially if you serve your site by means of a shared hosting strategy.
12. Not caching your site
Every material management systems (WordPress, Joomla, Drupal, Magento) utilizes a database in order to conserve a huge set of data on it.
Although this is excellent for managing your website, it likewise indicates that it includes extra load on your server in order to generate each page whenever it is asked for.
You can solve this issue by utilizing caching.
If you utilize WordPress, then you can either use a caching plugin such as
W3 Total Cache or WP Super Cache or ZenCache or make use of a handled server hosting company such as WP Engine and FlyWheel (affiliate links) which care for caching.
Needless to state, Joomla, Drupal and Magento offer caching alternatives too which can help a lot by offering cached versions of your site for consequent website visitors instead of generating each page over and over once again.
Caching is a no-brainer for any database-driven site. Even a 10-minute caching period can optimize the loading time of your website significantly.
13. Hundreds of HTTP demands
I understand it is appealing to show a great deal of content in each page of your website however appealing bear in mind that “less is more” so try not to load many images or scripts.
14. Bad server setup
If you are on a shared hosting strategy, it is quite typical that they do their best to serve as lots of sites per server as possible.
They typically do that by disabling features such as compression and KeepAlive to name a few.
Making it possible for HTTP Keep-Alive allows the exact same TCP connection to send out and get numerous HTTP demands, thus minimizing the latency for subsequent demands.
Compression reduces the size of files sent out from your server to enhance the speed to which they are transferred to the browser.
If you are on a shared hosting plan and your hosting business has disabled compression and Keep-Alive, then you need to change hosting company as quickly as possible.
15. CSS imports
CSS imports are a nice method to import CSS files on the top of a brand-new CSS file e.g. importing a CSS reset file however it adds additional hold-ups throughout the loading of a web page too.
You ought to avoid CSS imports, whenever possible.
16. Packing unneeded files on each page
17. Packing heavy files on the background
Numerous websites utilized to load huge background images which are hardly visible.
Do you actually require a 500KB image packed on the background? You should attempt to utilize CSS3, whenever possible or make use of a background color instead.
It is also a bad practice to pack sound files on the background while your website is loading.
Many of those techniques are slowing down your site and ought to be avoided.
18. Not making use of an expert
My objective was to provide you adequate info to get begun fixing the sluggish packing pages of your site.
Optimizing the packing time of your site is a win-win scenario for you and everyone who visits your website. Faster websites means greater conversions, better search engine rankings and a more satisfying user experience.
It’s best to employ an expert when you desire a job succeeded.
Beginners can follow best practices however do not understand where to begin.
A specialist will repair the actual problems that slow down your site.
Whenever an amateur does not understand the real issues of your website, they will suggest a pointless momentary option such as moving hosts, altering style, installing a different caching plugin or perhaps switching CMS.
Many of my clients have lost their time and cash on beginners who had simply set up a caching plugin without repairing the real problems of their website.
You should always keep in mind that each site is special so various speed optimization tweaks have to be used per website.
To sum it up, optimizing the packing time of your website must constantly be done by a professional who will carry out the speed optimization tweaks with surgical precision.
Imagine how delighted your users will be to see extremely fast loading times!
If you wish to employ me, I enjoy to assist you. See my profile and contact me on AwesomeWeb today!