10 Design Methods To Reduce Page Load Time Exponentially


Design Ideas-reduce page load time
photo credit: kaneda99

1. Reducing The Size Of Your Images On Your Site

Make sure where you can that your web images stay as small as they can be without losing to much quality. If your looking to improve your image load time and in hand your website load time, convert your images to .jpg or .gif images.
You can reduce the size of the images by lowering the number of colors in the image. There are many software tools that will let you optimize your images maximizing the load of those images.
Tinypng.org is the best online tool to reduce the size of any png image file by 70% without loosing the image quality.

2.Using Table The Right Way

If you don’t use tables in your website they you should be. They are a very light html code that the search engine have been and always will be able to read quickly and easily. You can use tables on any of your pages and once you learn how to work with them you’ll wonder why you weren’t using them sooner.

3. Reducing The Amount Of Images

We all know that making a website with more image then text will result in a page loading slower, so the key is to only use the images you have to, to convey a message.
Here are  some simple ideas to choose a better image for your blog/site
  • The Simple is often better.
  • Choose pretty girls face to convey your message
  • Bright contrast colored images attract more visitors than black and white images.
So when picking images make sure you apply the first rule and never go over board with images, stay around 1-3 images per page.

4. Avoid Animated GIF’s

Animated GIFs are great but you can often distract your visitor and can take a while to load you other page elements are suffering from not being optimized yet. When it comes to animated gifs just remember less is better.

5. Backgrounds

Make sure you use images as background and not as a standalone image. If you are using large images to help with the flow of the website make sure you have them as background images, because otherwise they will take too much space and time, Loading them in the background you can reduce page load time.
Lazy Load jquery  can also help you to load all the images on the page as user scroll the webpage. Advance Lazy Load wordpress plugin is for wordpress users.

6. Fast Loading Flash

If you want to have a flash element on your site then you need to make sure that you keep it to only 1 per page maximum of 2 because normally you have a good amount of visual or informational content in these and visitors will not wait around for them to load. If you can get the rest of your site to load fast then the visitor might be a little bit more willing to stay around to view your flash.

7. Create Icons That Are Simple

Don’t use images for your icons that are big. Remember simple is better. Keep the size down and just use them to add a little color thereby grabbing the visitor’s attention.
Multiple images that appear on the same page can be combined and distributed through CSS sprites.  Chris Coyier of CSS-Tricks  has already written a beautiful article on this topic
If you are not very comfortable with CSS sprite then you can take the advantage of this handy css sprite website.

8. Use HTML To Build Your Website

HTML loads really fast and you can create all kinds of great designs with HTML so build your site. if you are developing a site for a small business that does not run an e-commerce website or blog along with their signature site then it is always better to design their home page with html.

9. Use CSS Styles

CSS styles can be a lot of fun. You can get some really neat effects and yet they are made from HTML code so they load really fast.
To check the CSS style on your webpage , you can validate your CSS from w3 school link or you can use web developer firefox addons.
A valid markup and CSS can really enhance the loading time of your webpage otherwise your browser will fallback from that error mistakes and thus will take extra time to adjust all the settings, well known as quirk mode.

10. Check Your Page Load Times Often

Though your website page load time depends upon a lots of factors like webhost, coding, size of images,flash, audio and video, so you should check your load time often.
Tools.pingdom.comgtmetix.com and google pagespeed are some very good resources to check the actual page loading time. Continuously check your page load time until you optimize the load time. Anytime you make changes you should repeat this process, and once in a while you should do it just to make sure your pages are still loading quickly

1 comment:

  1. BlueHost is ultimately the best website hosting company for any hosting services you require.

    ReplyDelete