提高网站访问速度的方法：利用浏览器缓存 js 和 CSS 文件

hwyzw

    一般来说，打开网站的速度取决于网站使用的空间配置。如果空间主机的配置好，那么你的网站访问速度会很快；相反，如果你的空间主机配置较差，你的网站访问速度会很慢。其实，不管空间主机的配置因素如何，我​​们站长或者SEO人员也可以从网页制作开始，从而从现有资源中提高网站的访问速度。您可以尝试以下几种方法。

    1.使用浏览器缓存你的js和css文件：

    将以下代码添加到网站根目录中。

    在

    “再加1年”

    这段代码的意思是发送缓存头到jpg|gif|png|css|js，并缓存一年。当浏览器不使用ctrl+F5强制刷新时，会被缓存到时间结束。唯一遗憾的是，如果改变js或css文件，必须改变之前的路径或文件名，可以使用base.js?ver=(x)。这样浏览器下次会自动读取并缓存。

    2. 将您的.js库文件地址替换为CDN地址：

    随着He等js库的使用，需要加载的.js文件越来越多，而且也越来越大。通常，传统网站都是上传到网站本身的目录中。但对于接近70多KB的.js体积来说，确实不利于提高网站的响应速度。这个时候就应该使用API​​了。

   

    不仅是库，yui等其他库也可以使用这种方法。

    3. 简化和优化你的js和CSS：

    虽然有缓存和gzip保护，但是js和css的优化也是必要的。我们编写的java脚本和css代码都是缩进和换行的，适合人类阅读，但是浏览器不需要这些无意义的空格和换行符来执行这些脚本。所以我们应该去掉这些空格和换行符，甚至缩短java和css中的变量。优化工具，例如 YUI 和 .这两个工具都是基于java的，需要安装和设置jdk。 （对于非程序员站长来说确实有点困难）

    4. GZIP 压缩 JS 和 CSS 文件：

    压缩js和css可以通过服务器动态脚本来完成，或者使用服务器也可以更简单。可以在网站根目录添加以下代码：

    e 文本/html 文本/css 文本/纯文本/xml /x-java /json

    各不相同 -

   

    这段代码的意思是调用服务器的压缩模块对上述文件进行GZIP压缩后再输出。经过 gzip 压缩后，所有文件的大小应减少 30% 以上。特别是对于使用大量js的博客，经过gzip保护后速度可以提高很多。

    5.使用css合并图片

    一个网站经常会使用小图标和小图片来美化它，但不幸的是这些小图片占用了大量的HTTP请求。因此，可以采用将所有图片合并为一张图片的方法，可以通过相关工具在线合并或者在ps中合并。

    6.优化您的网站图片：

    虽然大量使用图片和图标可以给网站带来漂亮的效果，但是图片和文字的混合是一种非常华丽的博客文章展示方式。但图片的尺寸确实不是很令人印象深刻。 JPG是有损压缩格式，而PNG虽然是无损的，但缺点是体积相当大。为了减小图片尺寸并达到最快的下载速度，上传前应优化每张图片的尺寸。