Yesterday my friend said that his company site is so slow, so i have visited there site, i found a lot of problem in there web site, so i decided to write an article on how to optimize the web page, Loading fast page make the client experience,Few years go back, many sites have started using Ajax techniques to reduce the latency. Page load time is spent in HTTP request for images, CSS and javascript.
There are several aspects of an HTML based on Web Application.
- Server
- HTTP Requests
- Content Delivery Network (CDN)
- Cache-Control Header
- Gzip Components
- Configure E-Tags
- Flush Buffer Early
- Use GET for Ajax Requests
- Avoid Empty Image src
- Cookie
- Reduce Cookie Size
- Cascading StyleSheet (CSS)
- Add Style-Sheets at Top of page
- Add Javascript External
- Avoid over CSS Expressions
- Add @import
- Avoid Filters
- Javascript
- Add Scripts Link at Bottom
- Add Javascript External
- Minify JavaScript
- Avoid Duplicate Scripts
- Minimize DOM Access
- Write Smart Event Handlers
- Images and Graphics Optimization
- Optimize Images
- Use Original size of Images in HTML
- Cache favicon.ico
- Search Engine Optimization (SEO)
I will discuss above several aspects in my next tutorial in details.
Note:If you have better solution,please post here to share with us.