如何提高网页的加载速度
网站显示速度不仅与网站的服务器有关,网页的页面设置、代码引用也会对网页加载速度产生很大的影响,如何加快网页的显示速度,增强用户的浏览体验,就得从检测页面加载时间入手,先容加快网页显示速度的方法。
一、小小做些优化让网页显示速度变快
1.给JavaScript文件减肥:
这个方法不同于gzip压缩功能,缩小JavaScript文档有良多方法,好比去除不必要的空格等其他标签等。减少脚本文件后可以明显的进步网页的访问速度。
2.使用Gzip压缩文档:
GZIP编码是用来改进网页机能的方法,不仅可以减小存储空间,还可以减少传输所需的时间。将网站中的文件使用Gzip压缩后,可以明显的增加网页加载速度,同时也可以降低网站的带宽流量消耗。
3.清除重复多余的脚本:
浏览器加载相同的网页脚本会增加页面的加载时间,但是良多程序都会有这种简朴的错误泛起。现在就看看网站中有没有调用两次或三次jQuery或者其他的脚本吧。
4.避免使用网页重定向:
不管是通过服务器端重定向或者JavaScript代码进行内容重定向。网站都会首先加载一个空缺的页面,然后在定向到另外的页面,这样不仅延长了页面的加载时间,还很有可能导致无法跳转,让用户面临一个“空缺”页面。
5.减少域名DNS查找时间:
用户在浏览器的地址栏中键入域名后,浏览器就会通过DNS系统查找域名对应的IP地址,所以需要将DNS的时间设置在较低的水平,好比均匀60-100毫秒进行一次DNS查询。
6.样式表文件放在外部调用:
把页面中需要用到的JavaScript和CSS样式表文件放在另外的文件夹中,这样一来在打开网站其它页面时就会缓存这些调用的文件,从而加快网站页面的加载速度。
二、巧用插件检测页面加载时间来进步网页打开速度。
直接通过浏览器访问可以直观的看出网站的加载速度,但是浏览网站的网络环境各不相同,假如网站加载了较多殊效,对于带宽较小的用户来说,很可能对浏览造成影响。要具体的了解站点的加载速度,可以通过检测网页加载时间的插件YSlow,它是一款Mozilla Firefox的扩展程序,下载地址:https://addons.mozilla.org/en-US/firefox/addon/5369”。插件安装完成后打开待检测的网站,当网页完成加载以后,就可以看到一项统计数据数字,这里就是该网页加载所用的具体时间数据了。