<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="网站前端性能优化总结" id="card1">
<p> 游客</p><p>
标题:网站前端性能优化总结<br/>
正文:<br/>
摘要：网站优化的方面：一、服务器侧优化（包括：添加 Expires 或 Cache-Control 信息头、压缩内容、设置Etags等）  二、Cookie优化（包括：减小Cookie体积、对于页面内容使用无coockie域名等）三、JAVASCRIPT 和 CSS 优化（包括：把 CSS 放到代码页上端、避免 CSS 表达式、从页面中剥离 JavaScript 与 CSS、精简 JavaScript 与 CSS、使用 &amp;lt;link&amp;gt; 而不是 @importChoose &amp;lt;link&amp;gt; over @import、避免使用CSS Filter、JS尽量放到页面最下端、页面展现尽量交给CSS完成等）四、图片优化（包括：优化图片、使用 CSS Sprites 对图片优化、不要在 HTML 中缩放图片、用更小的并且可缓存的 favicon.ico、压缩图片不一定是有损的等）五、内容优化（包括：减少 DNS 查找、尽量减少重定向、切分组件到多个域、杜绝 http 404 错误等） 一、服务器侧优化1. 添加 Expires 或 Cache-Control 信息头 某些经常使用到、并且不会经常做改动的图片（banner、logo等等）、静态文件（登录首页、说明文档等）可以设置较长的有效期（expiration date），这些HTTP头向客户端表明了文档的有效性和持久性。如果有缓存，文档就可以从缓存（除已经过期）而不是从服务器读取。接着，客户端考察缓存中的副本，看看是否过期或者失效，以决定是否必须从服务器获得更新。各个容器都有针对的方案,，以 Apache 为例：ExpiresActive OnExpiresByType image/gif &amp;quot; access plus 1 weeks &amp;quot;表示gif文件缓存一周，配置可以根据具体<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=714&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=714&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=714&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=714&amp;Page=3">[3]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=714&amp;Page=5">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=714">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=714">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>