You should consider combining them into a single file say test4.js and then requesting it like the above. It saves time because now instead of three only one request is being sent to the server. Combining them simply means that you should copy and paste them in a single file.
2. Scaling Down your Images
Scaling down images is very important because images take the most time to load. Most of the bloggers usually make the mistake of uploading a large image file and then display it in their post in a miniaturized from. What they don’t understand is, it is only being shown in a small form but actually the time taken to load is the same as that of the original size and it also eats up your bandwidth.
So, when uploading your images, you should either crop it and keep only the important part or you can shrink the whole image by reducing it’s dimensions.
3. Create CSS Sprites of your Images
CSS sprites reduce the load of the images considerably. When there are multiple requests for images, CSS sprites should be created. It involves combining all of the images into a single image and then displaying only that part of the image which is required.
For example, if you have ten images being served from the same server but with separate requests, this approach would be appropriate because instead of ten, you then would only have one request.
You could try the Spritepad to create CSS sprites online. It’s very easy. You just have to drag and drop your images. They will even provide you with the CSS code which you can use on your blog to display the image.
5. Use HTML Hexadecimal Colors instead of Images
In many blogs, I have seen that designers use images as background for navigation menu and other plugins. I used to do it too. But, instead use hexadecimal colors which might not have the exact same effect (could be created using CSS effects) which saves a lot of requests and time.
W3schools have an extremely useful hexadecimal color mixer which is my favorite. It basically lets you mix two colors and they will also provide the code which you can use easily. If you want to create the same effect you could easily use CSS codes to create shadow and other effects. This will increase the overall efficiency of your blog and you will also get to learn something useful.
Well, that’s about it. There are many other ways to speed up your blog. But these ones have the highest priority and everyone should follow these simple tips.
Do you have any other tips in mind ? Don’t hesitate to share your views with us in the comment section.