Geek Answers Handbook

Quick Website Tips

I would like to know if there are any tips and tricks to load my site faster?

For example, on my site I have 4 groups of background images that switch when you hover.
is there any way to download them earlier?
is there a jquery plugin for this?

If I echo in php, div with all the images that are on my site, with the display before DOCTYPE. will this help?

and general tips for html / css / jquery?

All suggestions are welcome ...

Thanks.

+4
source share
5 answers

Image loading can be done much faster with Sprites . Using this, you just need to join your images. CSS Sprite Generator can help you with this.

If you want to immediately create the illusion of a background loading, try using interlaced PNG.

+4
source

I think you will find very useful tips here:

http://developer.yahoo.com/performance/

and especially here:

http://developer.yahoo.com/performance/rules.html

0
source

I think there are some things you can do.

  • Reduce the number of queries. You can make sprites and put together all the images.
  • Use APC and other caching mechanisms
  • Use memcache
  • Apache Caching Module
  • And you can use modpagespeed from google. And most things do of them.

But I think the best way is to have a good programmed website with a good structure. Then it means that you are not loading many classes, only the classes you need, and much more. Here you can see design patterns .

0
source

An interactive way to understand this would be to use the Y-Slow extension to complement Firebug in Firefox. This addon will evaluate your current site and give you the right tips for improving CSS, compression, etc.

0
source

PageSpeed ​​Insights for Chrome

If you download the plug-in for Google Chrome, it lists these facts that help make the site faster.

https://developers.google.com/speed/docs/insights/using_chrome

Avoid CSS @import

Using CSS @import in an external stylesheet can add extra latency while loading a web page.

Avoid character typing in the meta tag Avoid bad queries Combining images in CSS sprites Defer JavaScript parsing Enable Keep-Alive Enable Inline Small CSS compression Built-in small JavaScript Use browser caching Redirect landing page Mini CSS Reduce HTML Minimize redirects Minimize request size Optimize images Optimize style order and scripts Prefer asynchronous resources Put CSS in the document title Remove query strings from static resources Serves l resources from a consistent URL Submit scaled images Specify a Vary: Accept-Encoding header Specify a cache validator check Specify a character set Specify image sizes
0
source

More articles:


All Articles