It is pretty annoying when you try to open a website that takes ages to load. Not everyone is blessed with good internet speed and in the world where everything runs in the fast lane, slow loading websites are the worst mistake anyone can make. The worst thing that could happen with slow loading sites is losing the potential clients. There are thousands of competitors on the World Wide Web and the visitor will be easily driven to the competitor’s site. To avoid this you can follow few things to make your website load faster.
Large sized images could be blamed for slow loading sites. Images are an essential part of your website. In order to let the images load faster you need to follow these steps:
- The first thing you need to do is size your image correctly. You cannot decrease the size of an image by just decreasing the height and width. If you have an image of size 40k, decreasing its width and height will still make it the same 40k size. I was making the same mistake on my blog till someone pointed it out to me. When I did this the image’s quality degraded. You can use image editor like Adobe Photoshop to decrease the size of the image.
- The second important thing is to use proper format. If you have complex pictures .jpg format works the best. For simple images with fewer colors .gif files are appropriate. .png format works for both but they could have larger file size.
- You can even slice images in order to decrease its size. Image slicing is the process of slicing a larger image into smaller images and then putting them back together using an HTML table. This reduces the file size of the image and makes the web page download faster.
- Using thumbnails is also a good idea to make the pages load faster. You can use Java Script and display only the thumbnail size of the picture and let the user see the larger image only when he clicks on the image.
- CSS (Cascading Style Sheets) Files:
Table based sites might take longer time to load. The better alternative is using CSS files. The advantage in using these files is that the browser cache can directly read the .css file which makes it convenient and takes lesser time than to read each tag every time the page loads. You can also compress your CSS files. Continue reading