Delay Loading Resources Until the User Mouses Over Them

 If you have a big home page with a lot of articles that have third party elements, such as Facebook Like buttons, or other JavaScript powered share buttons, you can greatly speed up the loading of your page by not loading the extras until the user's mouse cursor travels over them. An example of this is TechCrunch's home page. At first you'll see Facebook Like, Tweet, +1, and inShare buttons  on each post, but it is actually just a fake image representing the actual buttons. When you hover your mouse over it, the JavaScripts will load in and process, making the buttons come to life. 


Before mouse over:


After mouse over:


The same style effect can be used to delay image loading, such as avatar images in comments or bulletin boards. While you're at it, use Google Page Speed Tool to find more speed tips.

Bookmark and Share    
blog comments powered by Disqus