web使用的优化规则

web应用的优化规则

中文英文1、?减少http请求1、Make fewer HTTP requests2、?使用CDN内容分发2、Use a Content Delivery Network(CDN)3、?避免空的src或3、Avoid empty src or href?4、向文档添加一个有效期,告诉浏览器这个文档的有效性和持久性.如：服务器配置不常更新的文件(图片，样式等)?4、Add Expires headers5、用gzip的压缩,在服务器配置gzip压缩文件5、Compress components with gzip6、把CSS顶部6、Put CSS at top7、把JavaScript底部7、Put JavaScript at bottom8、避免使用CSS表达式8、Avoid CSS expressions9、文件很大时将js与css独立成外部文件9、Make Javascript and CSS external10、减少dns检查10、Reduce DNS lookups11、减少js与css的文件大小11、Minify Javascript and CSS12、避免URL重定向跳转12、Avoid URL redirects13、删除重复的Javascript和CSS13、Remove duplicate Javascript and CSS

14、配置你的实体标签.Etag是服务器告诉浏览器缓存，缓存中的内容是否已经发生变化的一种机制。

14、Configure entity tags(ETags)15、缓存ajax .Ajax是实时响应的，在浏览器接收到新的数据前，旧的数据被缓存，这样能够更好的提高效率。15、Make Ajax cacheable16、用GET方式进行AJAX请求。Get 方法和服务器只有一次交互（发送数据），而 Post 要两次（发送头部再发送数据）。16、Use Get ?for Ajax requests17、减少DOM元素的数量17、Reduce the number of DOM elements18、避免HTTP 404错误（未找到）18、Avoid HTTP 404 (Not Found) error19、减少Cookie的大小.设置合理的过期时间，能够很好的提高效率。19、Reduce cookie size20.对组件使用无Cookie的域名.对静态组件的Cookie读取是一种浪费，使用另一个无Cookie的域名来存放你的静态组件式一个好方法，或者也可以在Cookie中只存放带www的域名。20、Use cookie-free domains21、如果需要Alpha透明，不要使用AlphaImageLoader，它效率低下而且只对IE6及以下的版本适用，用PNG8图片。如果你非要使用，加上_filter以免影响IE7+用户。21、Avoid AlphaImageLoader filter22、不要在HTML中缩放图片22、Do not scale images in html23、缩小favicon. ico的大小并缓存它，站点的浏览器ICO应该不是经常换吧，那就长时间的缓存它，并且最好控制在1K以下。23、Make favicon small and cacheable

?

?

?

查看更多 下一篇