优化网页加载速度实践

  我用YSlow分析了个人网页以后,发现它给我提供了一些建议,而后我照着这些建议逐个进行了下优化。个人网站是Asp.net写的,服务器是IIS,下面是个人具体实现方法:css

  1,Make fewer HTTP requestshtml

  经过bundle and minimize把多个js和css合成一个文件,优化效果显著,请求文件大小缩小70%,加载速度提升160%(均为约数)。web

  参考连接:http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification缓存

  2,Add Expires headers服务器

  对于那些不太改变的文件,设置其expire时间为一个比较久的将来。不过为了防止之后对它们进行修改之后还继续使用缓存的数据,能够在文件名后面加时间戳。mvc

  在web.config里面加下面设置asp.net

<staticContent>优化

<clientCache httpExpires="Sun, 29 Mar 2020 00:00:00 GMT" cacheControlMode="UseExpires" />网站

</staticContent>spa

  前面的时间就是一个比较晚的时间,加载response头上,标明缓存何时失效。

  参考连接:https://developer.yahoo.com/performance/rules.html#expires

  3,Configure entity tags (ETags)

  这个的目的主要是为了取消使用ETag标志,关于ETag的一些内容在上一篇中已经写过,主要是在IIS里面设置URL Rewrite,那么在web.config里面的修改是

 

<system.webServer>

<rewrite>

<outboundRules>

  <remove name="Set ETag" />
  <rule name="Set ETag" enabled="true">
    <match serverVariable="RESPONSE_ETag" pattern=".+" />
    <conditions />
    <action type="Rewrite" value=""/>
  </rule>

</outboundRules>

</rewrite>

</system.webServer>

相关文章
相关标签/搜索