1. 减少HTTP请求次数
合并图片、CSS、JS,改进首次访问用户等待时间。
2. 使用CDN
就近缓存==>智能路由==>负载均衡==>WSA全站动态加速
3. 避免空的src和href
当link标签的href属性为空、script标签的src属性为空的时候,浏览器渲染的时候会把当前页面的URL作为它们的属性值,从而把页面的内容加载进来作为它们的值。测试
4. 为文件头指定Expires
使内容具有缓存性。避免了接下来的页面访问中不必要的HTTP请求。
5. 使用gzip压缩内容
压缩任何一个文本类型的响应,包括XML和JSON,都是值得的。旧文章
6. 把CSS放到顶部
7. 把JS放到底部
防止js加载对之后资源造成阻塞。
8. 避免使用CSS表达式
9. 将CSS和JS放到外部文件中
目的是缓存,但有时候为了减少请求,也会直接写到页面里,需根据PV和IP的比例权衡。
10. 权衡DNS查找次数
减少主机名可以节省响应时间。但同时,需要注意,减少主机会减少页面中并行下载的数量。
IE浏览器在同一时刻只能从同一域名下载两个文件。当在一个页面显示多张图片时,IE 用户的图片下载速度就会受到影响。所以新浪会搞N个二级域名来放图片。
11. 精简CSS和JS
12. 避免跳转
同域:注意避免反斜杠 “/” 的跳转;
跨域:使用Alias或者mod_rewirte建立CNAME(保存域名与域名之间关系的DNS记录)
13. 删除重复的JS和CSS
重复调用脚本,除了增加额外的HTTP请求外,多次运算也会浪费时间。在IE和Firefox中不管脚本是否可缓存,它们都存在重复运算JavaScript的问题。
14. 配置ETags
它用来判断浏览器缓存里的元素是否和原来服务器上的一致。比last-modified date更具有弹性,例如某个文件在1秒内修改了10次,Etag可以综合Inode(文件的索引节点(inode)数),MTime(修改时间)和Size来精准的进行判断,避开UNIX记录MTime只能精确到秒的问题。 服务器集群使用,可取后两个参数。使用ETags减少Web应用带宽和负载
15. 可缓存的AJAX
“异步”并不意味着“即时”:Ajax并不能保证用户不会在等待异步的JavaScript和XML响应上花费时间。
16. 使用GET来完成AJAX请求
当使用XMLHttpRequest时,浏览器中的POST方法是一个“两步走”的过程:首先发送文件头,然后才发送数据。因此使用GET获取数据时更加有意义。
17. 减少DOM元素数量
是否存在一个是更贴切的标签可以使用?人生不仅仅是DIV+CSS
18. 避免404
有些站点把404错误响应页面改为“你是不是要找***”,这虽然改进了用户体验但是同样也会浪费服务器资源(如数据库等)。最糟糕的情况是指向外部 JavaScript的链接出现问题并返回404代码。首先,这种加载会破坏并行加载;其次浏览器会把试图在返回的404响应内容中找到可能有用的部分当作JavaScript代码来执行。
19. 减少Cookie的大小
20. 使用无cookie的域
比如图片 CSS 等,Yahoo! 的静态文件都在主域名以外,客户端请求静态文件的时候,减少了 Cookie 的反复传输对主域名的影响。
21. 不要使用滤镜
png24的在IE6半透明那种东西,别乱使,淡定的切成PNG8+jpg
22. 不要在HTML中缩放图片
23. 缩小favicon.ico并缓存

转载于:https://www.cnblogs.com/goody9807/p/3529367.html

网站性能工具-YSlow的23个规则-网站性能优化相关推荐

  1. Yslow安装使用, 网站性能工具Yslow

    本文whyboy站长讲解 Yslow安装 以及 Yslow使用 ,打开Yslow官网就能看到有四个版本可供选择:火狐(firefox)浏览器.谷歌(chrome)浏览器.欧朋(opera)浏览器和移动 ...

  2. 手机php网站开发工具,4款好用的网站开发工具推荐

    原标题:4款好用的网站开发工具推荐 1.Dreamweaver 工具简介: 老牌的网页编辑软件,功能非常强大,最大的优点是可视化编辑,还有错误提示,深受前端开发人员和网站开发人员欢迎!Dreamwea ...

  3. 性能工具之调试工具 GDB(你以为性能分析中用不到吗?)

    文章目录 一.前言 二.环境依赖 三.Helloword 示例 四.调试 Redis 示例 1.下载 Redis 源码并解压 2.确认编译选项 3.检查编译 4.GDB 调用 redis-server ...

  4. 网站性能工具Yslow的使用方法

    Yslow是雅虎开发的基于网页性能分析浏览器插件,从年初我使用了YSlow后,改变了博客模板大量冗余代码,不仅提升了网页的打开速度,这款插件还帮助我分析了不少其他网站的代码,之前我还特意写了提高网站速 ...

  5. web:网站性能工具Yslow

    2019独角兽企业重金招聘Python工程师标准>>> Yslow是雅虎开发的基于网页性能分析浏览器插件,从年初我使用了YSlow后,改变了博客模板大量冗余代码,不仅提升了网页的打开 ...

  6. 网站改版工具-百度站长

    作者:海海 发布于:2013-3-13 15:58 Wednesday 版权所有:本文发布于 红海博客;  转载请保留原文链接:http://www.g2hh.com/tan/55.html 网站改版 ...

  7. 【英文SEO】Google网站管理员工具是什么?

    Google为了更好地与网站管理员沟通,推出了这套服务,让站长可以在此查询站点在Goole的索引和排名情况.可以说Google网站管理员工具是网站管理员与Google对话的平台,不管是懂SEO或从来没 ...

  8. 11个最流行的静态(博客)网站生成工具

    11个最流行的静态(博客)网站生成工具 最近特别流行使用静态网站搭建博客,本博客就是host在GitHub Pages的静态网站.静态网站非常适合专注于内容的网站,例如,博客.那你可能会问,为什么不用 ...

  9. 各大站长平台和网站管理员工具大全

    站长平台和网站管理员工具是各大搜索引擎面向网站管理员的交互平台,一般具备网站体检.流量与关键词分析.Robots.链接提交.死链提交.Sitemap提交等功能,能提供有助于搜索引擎收录的工具.SEO建 ...

  10. 搜索引擎迈进四 Google网站管理员工具

    SEO工具 ID #1056 Google网站管理员工具 Google网站管理员工具是什么? 地址:http://www.google.cn/webmasters/ Google为了更好地与网站管理员 ...

最新文章

  1. unity延迟执行下一行代码_Python代码在Linux环境下执行错误异常
  2. javascript中的变量
  3. 如何理解subplot绘制不规则子图的参数设置
  4. 《系统集成项目管理工程师》必背100个知识点-12项目整体管理的过程
  5. python字符串内建函数_python字符串内建函数
  6. 字典树(Trie树)的原理与实现
  7. SQL索引管理器——用于SQL Server和Azure上的索引维护的免费GUI工具
  8. 大数据自学1-CentOS 下安装CDH及Cloudera Manager
  9. 【求职英语】一些英语面试题整理
  10. 【iOS】Image图片属性之Render as Template Image
  11. VC6和VS2005(及2010)的一些区别总结
  12. 【数值分析】拉格朗日插值与牛顿插值
  13. html表格编辑器退出编辑状态,易优后台编辑器取消html标签(比如表格属性等)过滤解决方法...
  14. VC9.VC10.VC11...各对应什么版本的VS,以及含义
  15. C/C++实现荷兰国旗问题
  16. listbox tkinter 多选_TKINTER教程之LISTBOX篇
  17. 重定向后路径上自动添加jsessionid=
  18. Swagger注解 详解
  19. UI设计中图标设计的有几大原则
  20. LaTeX--5--一个文档的基本结构/导言区/标题_作者_日期

热门文章

  1. Thymeleaf-extras-Spring Security 权限控制
  2. Jackson API 详细汇总 与 使用介绍
  3. LayaAir 屏幕适配-分辨率、对齐模式
  4. @TableField注解使用(忽略扫描)
  5. 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_5-9.使用JWT生成用户Token回写客户端...
  6. 有目标就有动力!有目标就有意义!
  7. 【PAT】1009. 说反话 (20)
  8. EF框架step by step(9)—Code First Fluent API
  9. BZOJ 1015: [JSOI2008]星球大战starwar 并查集
  10. APP开发手记01(app与web的困惑)