-
提供的工具查看全部
-
1.尽可能减少HTTP请求数 2.使用CDN 3.添加Expire/Cache-Control头 4.启用Gzip压缩 5.将CSS房在页面最上方 6.将Script放在页面最下方 7.避免在CSS中使用Expressions 8.把Javascript和CSS都放在外部文件中 9.减少DNS查询 10.压缩JavaScript和CSS 11.避免重定向 12.移除重复的脚本 13.配置实体标签（ETAG） 14.使AJAX缓存查看全部
-
GET和POST的区别查看全部
-
js,css单独提取PK写在页面内查看全部
-
yahoo军规 35条分享14条查看全部
-
多域和单域： 多域： 不同资源放在不同的ip 单域： 所有资源放在一个IP查看全部
-
减少DNS查询： ·底层行为 ·定义：访问网址，打开之前，转换机制（ip地址），对应网址； ·时间：20ms最少； ·如果同时很多查找过程，会影响速度；因此需要浏览器的缓存； ·IE30m，ff60s，chrome60s， ·缓存长：减少dns重复查找，节省时间； ·缓存短：及时检测服务器的变化，保证正确性；查看全部
-
一、重定向状态码：①301 moved permanently：永久重定向。用户请求的页面被移动到了另外的位置。 ②302 found:临时重定向。用户请求的页面被找到了，但不在原始位置。服务器会回复一个地址，客户接收到地址后，重新发起请求。 二、301使搜索引擎更智能。查看全部
-
二、各浏览器缓存时间： chrome: 60s， firefox: 60s， ie: 30ms 1、当缓存时间长时，减少dns的重复查找，节省时间；当缓存时间短时，及时地检测网站服务器的变化，保证正确性。 2、单域与多域： 可以根据经验来决定，用几个域名来配置网站资源是最合适的。查看全部
-
一、通过ip查找域名，过程大概耗费20ms：查看全部
-
一、css,js的提取： 1、把js和css代码提取出来： 优点：可以提高代码的复用性和可维护性，减少页面体积。 缺点：文件多了，请求数也会增加。 优化：请求数增加的情况可以通过缓存来优化。 2、把js和css代码写在页面内： 优点：可以减少请求，提升网页渲染速度。 适用场景：①只用于一个页面。②页面不常被访问。③js和css代码很少，不多于20行。查看全部
-
一、css的expressions css表达式，是用来把css属性和js表达式关联起来。 二、css expressions在重新计算的场景：①页面显示和缩放。②页面滚动。③移动鼠标。 三、ul a {width:expression(this.offsetWidth > 750 ? scare() : scare());}。//在ie6,ie7中执行 四、calc()：用于动态计算长度值（ie8及以下不支持），不同于expressions，expressions是在css中写入js代码。 calc()参考资料：①calc()的定义及使用：http://www.runoob.com/cssref/func-calc.html 。 ②calc()的使用：http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html查看全部
-
一、expire头的内容是一个时间值，值就是资源在本地的过期时间，存在本地。在本地缓存阶段，找到一个对应的资源值，当前时间还没超过资源的过期时间，就直接使用这个资源，不会发送http请求。 二、Cache-Control，是http协议中常用的头部之一，顾名思义，他是负责控制页面的缓存机制。如果该头部只是缓存，缓存的内容也会存在本地，操作流程和expire相似，但也有不同的地方，cache-control有更多的选项，而且也有更多的处理方式。 <meta http-equiv="Cache-Control" content="max-age=7200" /> <meta http-equiv="Expires" content="Mon, 20 Jul 2009 23:00:00 GMT" />查看全部
-
5654656查看全部
-
<!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>查看全部
举报
0/150
提交
取消