面试题分类网站性能优化

1、北京传智播客教育 网站性能优化技术于 洋北京传智播客教育 第一部分 网站内容优化 尽量减少HTTP请求 优化图片 减少DNS查找 懒加载与预加载 减少DOM元素数量 用域名划分页面内容北京传智播客教育 尽量减少HTTP请求CSS Sprites减少图像请求通过CSS的background-image和background-position属性来显示图片的不同部分注意问题在Spirite中水平排列你的图片，垂直排列会稍稍增加文件大小不要在Spirite的图像中间留有较大空隙css+sprites样式生成工具北京传智播客教育 优化图像不要在HTML中缩放图像为大图片制作小图片制作图片缩略图压缩图片

2、 使用imagemagick优化图片北京传智播客教育 减少DNS查找DNS系统提供了域名和IP对应关系IE 默认30分钟 注册表键值DnsCacheTimeoutFirefox 默认1分钟 about:config修改 network.dnsCacheExpiration缓存DNS可以改善性能北京传智播客教育 懒加载与预加载预加载和懒加载，是改善用户体验的策略预加载原理是在用户查看一张图片时，就将下一张图片先下载到本地，而当用户真正访问下一张图片时由于本地缓存的原因，无需从服务器端下载例如：访问google主页，加载搜索页的图片懒加载则是在用户需要的时候再加载。当一个网页中可能同时有上百张图片

3、，而大部分情况下，用户只看其中的一部分可以当用户往下拉动滚动条时，才去请求下载被查看的图像 ，例如：京东的商品评论信息，滚动时再加载北京传智播客教育 减少DOM元素数量页面中元素越多DOM加载效率越慢Yahoo主页禁用700个元素（HTML标签）YUI CSS 进行页面布局grids.css可以帮你实现整体布局font.css和reset.css可以帮助你移除浏览器默认格式北京传智播客教育 用域名划分页面内容当网站图片数据太多，可以将图片分到多域名的服务器上浏览器对于相同域名图片最多2-4线程下载Browsers HTTP/1.1 HTTP/1.0 IE6,7 2 4 IE8 6 6 Fire

4、Fox 2 2 8 FireFox 3 6 6 Chrome 1,2 6 ? Chrome 3 4 4 但域名过多时，带来DNS查找性能降低，建议使用域名在2-4个之间北京传智播客教育 第二部分 服务器优化 尽早刷新输出缓冲 使用服务器端缓存策略 Gzip压缩文件内容北京传智播客教育 使用服务器端缓存策略使用缓存策略通过设置 expires 过期时间Last-Modified 和 If-Modified-SinceEtag 和 If-None-Match北京传智播客教育 Gzip压缩文件内容Tomcat服务器的gzip压缩配置配置compression=on 打开压缩功能compressabl

5、eMimeType=“text/html,text/xml, image/png” 压缩文件类型自定义Filter实现对响应数据的压缩北京传智播客教育 第三部分 JavaScript和CSS优化使用外部JavaScript和CSS把样式表置于顶部用代替import一边加载一边显示把脚本置于页面底部JS脚本 文件会阻止平行下载避免使用滤镜优化JS和CSS北京传智播客教育 优化JS和CSSYUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发。使用方法/压缩JSjava -jar pressor-2.4.2.jar -type js -charset utf-8 -v src.js packed.js/压缩CSSjava -jar