-
https://download-installer.cdn.mozilla.net/pub/firefox/releases/35.0/win32/zh-CN/Firefox%20Setup%2035.0.exe 下载火狐35.0版本，才支持yslow。现在最新版的无法运行yslow Rulesets：(V2)=22个测试规则（V1）=13个测试规则 Small Site or Blog=14个测试规则 Grade:等级视图 （ 包括好多优化规则 ） 网页评分（A->F等级依次降低）A最高（A到F的标签 绿色比较好的F是可以优化的 ） Components:组件视图，检视各个元素占用空间大小 Statistics:统计信息视图，与Components相似、表现形式不同更好点 第一次(empty cache)和再次打开(primed cache)有浏览器缓存的效果。 Tools: JSLint: 检验JavaScript正确性 All JS: 展示网页中使用的JS ALL JS Beautified: 将JS以可读的方式展示 ALL JS Minified: 删除换行、空格等，压缩JS 最小化JS ALL CSS: 展示网页中使用的CSS YUI CSS Compressor: 压缩CSS ALL Smush.it: 优化图片的功能 实际上是一个网站。 （图片在线优化网站） Printable View: 将分析 打印成报告查看全部
-
get与post查看全部
-
YSlow（基于浏览器执行），在firefork下执行的最好 ·对网站进行分析，给出优化报告 · 1 安装fireBug 2 YSlow查看全部
-
entity tag(实体标签) 属于HTTP协议 受web服务支持 使用特殊的字符串 来标识某个请求的资源版本 304 使用一种标志表示一种资源是否做了修改，可以减少服务器的响应，详细点就是：浏览器想服务器要某种资源，服务器一看，判断出了这种资源已经给过浏览器了，并且在服务器端的也没有变化，所以浏览器可以使用他自身就有的，然后告诉浏览器，浏览器回到自身找找，找到啦就用了，这样浏览器和服务器之间会有对话不过不用服务器再重复的给浏览器资源了！ 配置试题标签Etag帮助服务器减轻负担查看全部
-
12.移除重复的脚本 可以减少文件的大小，另外，就是可以避免出现未知的问题！查看全部
-
第十一，避免重定向 定义：原始请求被重新转到了其他请求 301：被移动到另外位置（永久重定向）使搜索引擎智能,不需要从旧地址到新地址，删除旧地址，直接到新地址 302：页面被找到，但不在原始位置（临时重定向）先到旧地址，再到新地址 重定向：重新请求下载资源，增加了http请求查看全部
-
最小化 JavaScript 和 CSS： 1、去除不必要的空白符、格式符、注释符。 2、简写方法名、参数名，压缩JS脚本。 压缩 JavaScript 和 CSS 建议小伙伴们：在正式上线项目前，将 JavaScript 和 CSS 都进行压缩，使线上版本是最轻量级的，大幅提升网站性能。查看全部
-
减少DNS查询： ·底层行为 ·定义：访问网址，打开之前，转换机制（ip地址），对应网址； ·时间：20ms最少； ·如果同时很多查找过程，会影响速度；因此需要浏览器的缓存； ·IE30m，ff60s，chrome60s， ·缓存长：减少dns重复查找，节省时间； ·缓存短：及时检测服务器的变化，保证正确性； 多域和单域： 多域： 不同资源放在不同的ip 单域： 所有资源放在一个IP查看全部
-
ICHAYA 8、JS,CSS都放在外部的文件中，单独提取的好处 1：提高了JS和CSS的复用性； 2：减少了页面的体积； 3：提高了JS和CSS的可维护性 缺点：增加请求数，可通过缓存优化 js放在内部的优点 1：减少了页面的请求数； 2：提升了页面的渲染速度 css和js写在页面的情况： 1.只应用于一个页面 2.不经常被访问 3.脚本和样式很少（少于20行）查看全部
-
避免在 CSS 中使用 Expressions CSS Expressions：页面显示和缩放、页面滚动、移动鼠标都要重新计算一次。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ie6/ie7才能执行</title> <script type="text/javascript">/*ie6/ie7才能执行*/ var i=0; function scare() { i++; document.getElementById("run").value=i; return; } </script> <style type="text/css"> ul a{width:expression(this.offsetWidth > 750 ? scare():scare());} </style> </head> <body> 当移动鼠标时，CSS Expression计算了<input id="run" />次 <ul> <li><a href="http://enme.me">aaa</a></li> <li><a href="http://enme.me">bbb</a></li> <li><a href="http://enme.me">ccc</a></li> </ul> </body> </html>查看全部
-
将script标签放在页面底部 可以让页面内容优先呈现出来，而非先暴露script的bug 将Script放在页面的最下面，因为浏览器加载和解释网页的顺序是从左到右从上到下的，如果JavaScript代码有死循环的问题，网页可能是空白一片的，如果放在页面的最下面即使如此，页面也能展现出来，当然这个问题最好避免！查看全部
-
css（层叠样式表）：后面的样式会覆盖前面的，级别高的样式会覆盖级别低的样式。 先加载css，放在头部<head>提高渲染性能，避免页面空白或者重绘。 IE：css放body底部，IE禁止了网页内容的顺序显示，低网速情况下导致空白 FF：不阻止显示，但会导致闪烁重绘 解决：先加载css，放头部<head>提高渲染性能，避免页面空白或者重绘查看全部
-
使用Gzip压缩 将资源在服务端口先进行压缩处理减小体积，然后在浏览器上在解压缩解释执行！ ·把文件先压缩，再传输 ·流程：原始79--本地压缩--服务器端对已经压缩的再压缩- ·优点：提升文件传输速度；（在服务器端配置）查看全部
-
添加 Expire/Cache-Control 头： expire头的内容是一个时间值，值就是资源在本地的过期时间、存在本地。在本地缓存阶段，找到一个对应的资源值，当前时间还没超过资源的过期时间，就直接使用这一个资源，不会发送 HTTP 请求。 cache-control：是http协议中常用的头部之一，顾名思义，他是负责控制页面的缓存机制，如果该头部指示缓存，缓存的内容也会存在本地，操作流程和expire相似，但也有不同的地方，cache-control有更多的选项，而且也有更多的处理方式。查看全部
-
CDN 内容分发网络》意思是尽可能避开互联网上有可能影像数据传输和稳定性的瓶颈和环节，使内容传输的更快，更稳定。 更好地理解：在离你最近的地方，放置一台性能好链接顺畅的副本服务器，让你能够以最近的距离，最快的速度获取内容。 使用CDN（内容分发网络）前后对比 1.在没有使用CDN时，需要经过较多的节点才能访问到目的地。 2.使用了CDN时，CDN服务器复制多个副本在你附近，这时候你访问时经过CDN服务器找到最佳节点访问目的地，当然这要购买CDN服务器，用金钱买性能 CDN:通过在网络放置节点服务器，他是一个智能虚拟网络，会根据数据流量，速度，负载量，访问最近的节点 作用：解决网络拥挤，提高网络相应速度。查看全部
举报
0/150
提交
取消