网站优化记录

网站优化实录

网站优化，从多方面优化，分为前端优化部分和服务器（后台）优化。

    如今主要讲前端优化的部分，这是从我本身在作网站优化的时候记录下来的。首先的是，前端优化方面，从多个方面，主要是图片文件，文件连接，html代码结构，css优化等。使用工具比较多，先是用于检测网站性能的工具。

检测网站性能的工具和方法：

   经过检测，能够更准确找出网站加载慢的愿意和改善的方案。

1.最简单的方法。

    webkit内核（谷歌）游览器 F12 - 调出调试工具--选中Network ，而后刷新网站，能够看到具体的数据，最下一行，请求链接数，资源文件大小，总的页面加载时间（文件加载时间，DOM节点解析时间）

这个也是比较经常使用，比较简单，可是也是有很详细的信息，能够本身测试。

2.有专门的谷歌插件或者火狐的插件或js插件来检查。

   performance.js 有谷歌插件

  直接在html里面引入文件刷新便可看到解析，但好像在缓存刷新不太准确，有1秒左右的偏差。

 YUI 雅虎的 YSlow

  这个比较强大，能够把整个网站的状况都分析出来，具体你们能够本身去看下。

优化方案：

   经过工具检测网站哪里须要优化，这样对咱们颇有帮助~

  1.减小HTTP文件数的请求

  2.js文件建议使用外联的,特色，省流量，速度快，仍是GZIP压缩的，在加载外联的时候能够写成这样，若是外联失效还能够加载本地的。

  3.js，css文件压缩

  4.减小DOM结构深度，尽量简洁、简单

  5.CSS 尽可能少使用低效选择器和嵌套深度最好不要超过3~4层

  6.根据网站须要的功能延迟特效js文件加载，以保证打开首页的速度。

  7.关于图片资源文件请尽可能优化，png和jgp、gif 是经常使用的图片格式，ps切图确保是处处web图片，不是另存为**格式。