提高网站速度的六种网站前端优化方法

Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 263

Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 264

Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 290

Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 291

Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 263

Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 264

Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 290

Warning: Illegal offset type in isset or empty in /www/wwwroot/www.moyuseo.com/wp-content/themes/justnews/themer/core/wpcom.php on line 291

最近有几个同事开通了个人博客，但却抱怨说因为买的虚拟空间，所以个人博客网站打开速度很慢。对于这种现象，按照一般的情况来看，一个网站的访问打开速度的快与慢，全是看这个网站使用的空间配置，要是这个空间主机的配置不错，那么你的网站访问速度就会很快;相反，要是你的空间主机的配置很烂，那么你的网站访问速度就会很慢。其实抛去空间主机的配置因素不谈，我们站长或者seo人员也可以从网页制作开始，从而从现有资源中提高网站的访问速度。如果你不知道如何优化网站来提高网站的访问速度，看看你总结的六个技巧，我希望它能帮助你！

1、使用浏览器缓存 js 和 CSS 文件：

网站根目录.htaccess 添加以下代码

ExpiresActive on

ExpiresDefault “access plus 1 year”

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

2、把你的 .js 取代 Google CDN的地址：

随着 jquery 和 mootools 等js库的使用需要加载.js越来越多的文件越来越大，通常传统的网站是上传到网站本身的目录。但对于一个接近70的人来说KB的jquery.js体积确实不利于提高网站响应速度，此时应使用Google API 。

例如，当用户访问使用 时，将您的替换为 google api 网站后，再次访问其他调用api地址的网站就不需要再次加载该文件了。从而达到提速的目的。

不单是jquery其他的，比如库mootools yui 也可以用这种方法。

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

尽管有缓存和缓存gzip护航，但对 js 和 css 优化也是必要的。我们写的javascript脚本和 css 代码是缩进和替换的，适合人类阅读，但浏览器执行这些脚本并不需要这些毫无意义的空间和替换。所以我们应该删除这些空间，甚至缩短 javascript 和 css 里面的变量。这种优化工具有 YUI Compressor 和 Closure Compiler java ，使用时应安装jdk并且设置 JAVA_HOME 。(非程序员网站管理员确实有点难)

这个工具能在本地安装jdk，直接上传 js 和 css 文件压缩可选择 YUI Compressor 或 Closure Compiler 。

4、GZIP 压缩你的 JS 和 CSS 文件：

压缩js和css它可以通过服务器动态脚本或更简单地使用apache服务器可以在网站根目录中.htaccess 添加以下代码

AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/json

Header append Vary Accept-Encoding

本代码是指在输出上述文件之前，调用服务器的压缩模块GZIP压缩，gzip压缩后，所有文件的体积应减少30%以上。特别是对于大量使用js的博客有了gzip护航后速度可以提高很多。

5、使用css sprites合并图片

一个网站经常用小图标和小图片来美化，但遗憾的是，这些小图片占据了很多HTTP因此，可以采用请求sprites所有图片都可以通过相关工具在线或在线合并成图片 ps中合并。

6、优化您的网站图片：

虽然大量使用的图片和图标可以给网站带来美丽的效果，但图片和文本的混合是一种非常华丽的博客展示方法。但图片的体积真的不是很强大，jpg是一种有损压缩格式，而png虽然是无损的，但缺点是体积大。为了减少图片体积，达到最快的下载速度，每张图片上传前都要优化体积。