-
八、把JavaScript和CSS都放到外部文件中查看全部
-
七、避免在CSS中使用Expressions查看全部
-
六、将script放在页面最下面查看全部
-
五、将CSS放在页面最上面查看全部
-
四、启用Gzip压缩查看全部
-
三、添加Expire/Cache-Control头查看全部
-
二、使用CDN（内容分发网络）查看全部
-
一、尽可能的减少HTTP的请求数查看全部
-
1、尽可能减少http请求（客户端到服务端的请求消息）——图片合并，js/css合并 2、使用CDN内容分发网络——添加服务器，使请求速度更快 3、添加expire/cache-control头 expire头的内容是一个时间值，即资源在本地的过期时间，存在本地，当时间还没超过资源的过期时间，直接使用这个资源，不会发送http请求 cache-control，http协议中常用的头部之一，负责控制页面的缓存机制，如果指示缓存，内容就会缓存在本地，即服务器在发送内容的时候会添加一个过期时间值，浏览器据此判断是否需要重新获取。 4、使用Gzip压缩——服务器先将文件压缩再传输，浏览器收到文件后先解压缩 5、css放在页面head里 6、script放在body里最下面 7、避免使用css expression/表达式 8、将js/css作为外部文件引用：提高了复用性，减小了html页面体积，提高了js/css可维护性；缺点：增加了http请求数， 写在页面内：只应用于一个页面，不经常被访问，脚本和样式很少。 9、减少DNS查询——当缓存时间长，减少DNS的重复查找，节省时间；当缓存时间短，可以及时检测网站服务器的变化，提高准确性，ie缓存30min，chrome/firefox缓存60s， 单域/多域，采用几个域名配置网站的资源最优？ 10、最小化js和css——去除不必要的空格、格式符、注释，简写方法名、函数名 11、避免重定向——原始请求被重新转向了其他请求 http里重定向状态码——301 moved permanently用户所请求的资源被移到了另外的位置，用户端收到反馈后会再发起另外一个请求到新的位置去下载资源，永久重定向； 302 found用户所请求的页面被找到了但不在原始的位置，服务器会返回一个地址，用户端同样会发起另外一个请求去服务器返回的地址里下载所需资源，临时重定向。 对用户没甚区别，对搜索引擎有区别。如果是301搜索引擎就会智能分析，删除原地址记录新地址，而302搜索殷勤无法智能分析，只能从原地址进去新地址。 12、移除重复的脚本 13、配置实体标签——Entity Tag，属于http协议，受web服务支持，使用特殊的字符串来表示请求资源的版本 14、使用ajax缓存——局部更新，离不开它！查看全部
-
00.查看全部
-
yahoo军规查看全部
-
Yslow工具介绍查看全部
-
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> ul a { width: expression(this.offsetWidth > 750? add() : add()); } </style> </head> <body> <ul> <li><a href="#">Lorem ipsum dolor sit amet.</a></li> <li><a href="#">Lorem ipsum dolor sit amet.</a></li> <li><a href="#">Lorem ipsum dolor sit amet.</a></li> </ul> <p>当鼠标移动时，CSS 表达式计算了<b id="run"></b>次</p> <script type="text/javascript"> var i = 0; function add() { i++; document.getElementById('run').innerHTML = i; return; } </script> </body> </html>查看全部
-
将css放在顶部查看全部
-
将样式和脚本写在页面内的情况查看全部
举报
0/150
提交
取消