如何通过网站前端优化方法提高网站打开速度?

来源:116web    点击:时间 2015-11-24 16:48

如何通过网站前端优化方法提高网站打开速度?
一般来说,一个网站的访问速度快与慢是与网站使用的空间配置直接关联的,要是网站的使用空间配置好,那么你的网站访问速度也会加快,网站的使用空间配置差,那么你的网站访问速度也会慢。那么抛开空间的主观因素,如何通过网站前端优化方法提高网站打开速度呢?
第一,通过GZIP压缩JS和CSS文件
在网站根目录.htaccess中加入以下代码
<IfModule mod_deflate.c>AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/json
  Header append Vary Accept-Encoding
  </IfModule>
对以上文件输入之前进行GZIP压缩;
第二,优化和精简JS和CSS
我们在写JS脚本和CSS 代码都是通过换行或缩进的,但是浏览器执行这些脚本时并不需要这些无意义的空格和换行,所以我们应该去掉这些空格换行;
第三,利用浏览器缓存你的JS和CSS文件
在网站根目录.htaccess中加入以下代码
<ifmodule mod_expires.c>
  <filesmatch “\.(jpg|gif|png|css|js)$”>
  ExpiresActive on
  ExpiresDefault “access plus 1 year”
  </filesmatch>
对JPG/GIF/PNG/JS发送header缓存头,在你不强制更新浏览器时,进行一年的缓存;
第四,使用CSS sprites合并图片
一个网站通常会使用小图标或小图片进行美化,但是这些小图片占用了大师的HTTP请求,这时我们可以采用sprites的方式将所有图片合并,以提高网站打开速度;
第五,优化网站图片
虽然大量的图片可以使网站变得更加美轮美奂,但是图片的体积却大大降低了网站的打开速度,所以我们在每上传一张图片时都应该先优化下图片的体积;
总结:网站前端优化的根本意义就是减少HTTP请求,提高网站打开速度。当然影响网站打开速度的因素还有很多,以上所提到的几点也只是小编根据网站前端程序而阐述的几点,希望此篇文章能解决各位朋友的一些”疑难杂症“。

推荐阅读:《如何做好手机网站优化-网站优化方法大全》 《成都企业网站建设快速让百度收录的方法》 《通过.htaccess自定义404、503页面》 《如何通过网站内容提高网站关键词排名

来源:http://www.116web.com/news/web/53.html

文章关键词:网站优化方法 前端优化 网站打开速度 

返回列表