There is no room for slow websites in this modern era of websites.
If that fact hasn’t suck in yet, here’s a stat that might get your attention: smartphone users will leave a website if it doesn’t load within 3 seconds.
#1: Compress images
The first step involves compressing your images. One way to do this is by using Google’s Page Speed plugin. Save the compressed file on to a folder on your computer and then re-upload them to replace the uncompressed image.
#2: Scale images
In order to prevent server lag that usually happens since images need to be resized, you can use Photoshop to resize images to the size in the HTML code.
#3: Use Browser Caching
Browser caching is used to cache static resources and this is for the simple reason that it reduces server lag and speeds up your webpages by a mile. In order to add caching, you’ll have to add code to the .htaccess file.
#4: Combine images into CSS sprites
CSS Sprites are large images that are a combination of smaller images, and usually 5 in number. Why this is so beneficial is because as you combine images into CSS sprites, it will reduce the number of images that are loaded on a webpage. You can use Spriteme for this purpose.
#5: Defer the Parsing of JavaScript
Another way by which you can speed up the load time of your website is by defer the parsing of JavaScript. For this, you can call the scripts at the end of the HTML document as opposed to at the beginning.
#6: Minify CSS, HTML and JavaScript
You can compress CSS, HTML and JavaScript so as to speed up their loading time. You can use ‘minifier’, a resource on the Web, to do this.
