Many people using pictures or photos on their blogs. It can help readers get the inside more easily. It can make your article or content more interesting too. Of course when you optimizing images for search engine, it can be a good traffic source too.
But, as you know, sites loading will become a problem when we using an excessive images. It’s will more slowly. Do we should care about it? Absolutely right, we must care about it. Or you will lose your visitor, traffic and finally lost money. Logically is when we are visiting other people’s blog which have slow loading time, what we will do? I will leave the sites and visit new site in new tab.
I have some contents with a lot of pictures inside, especially when i posted about WordPress themes, design inspiration, and showcases. So, what i must supposed to do? How to make sites loading more faster? Now, i want to share my experience when tried to increase my sites loading yesterday.
How to Make Sites Loading More Faster
- Don’t use to much JavaScript.
Almost webmasters using JavaScript to make an attractive sites. You can put nice slider, picture gallery and many else with it. Also some Adsense program using it, like Google Adsense, AdBrite, Infolinks, etc. To many installed JavaScript, of course will make your sites more slowly. So, i suggest you to remove the unnecessary ones. i have remove some several Adsense program from my sites, like Google Adsense (Ad links type) and Infolink. I decided to remove when i saw my earning stats. Just little bucks that i got from those ads. - Using images optimizer plugins.
It’s a must when we have a lot of images in our posts. I have use three plugins, WP Smush.it, WP Parallel Loading System, and YS images lazyload (Server Side). It’s really cool. WP Smush.it is a free WordPress plugins to reduce image file sizes and improve performance using the Smush.it API. Every image you add to a page or post will be automatically run through Smush.it behind the scenes. You don’t have to do anything different.
YSLazyload lazy picture, only loaded after DOM elements finished, and to determine the current window to load and save your bandwidth resources. Since changes in the service side image src attribute, so compatible with all browsers.
WP Parallel Loading System is a WordPress plugin that will enhance the loading efficiency of your Blog. This plugin will boost the loading time of your Blog. The more images you have the more it will improve. - Using WP-Optimize Database Optimizer.
All bloggers was to know that every time we save a new post or pages, WordPress creates a revision of that post or page. If you edit a post 6 times you might have 5 copy of that post as revisions. Imagine if your post or pages are long and big. WP-Optimize is a WordPress 2.7++ database cleanup and optimization tool. It doesn’t require PhpMyAdmin to optimize your database tables. It allows you to remove post revisions, comments in the spam queue, un-approved comments within few clicks. - Define image height and width with tags.
Height and width tags tell the browser exactly how large the image will be, so it can load other elements of the page while the image loads. If you do not define the image size, the browser must wait for the image to load before it can load the text. - Using CSS Sprites
Why it can be reduce sites loading time? CSS Sprites is a way to reduce the number of HTTP requests made for image resources referenced by your site. It get the image once, shift it around and only display parts of it, saves the overhead of having to fetch multiple images. Try to use CSS Sprite generator to make it for your website.
No comments:
Post a Comment