你期望加快网页的加载速度吗?知道怎么样通过缩短加载时间来改变拨号上网用户的浏览体验,在某些情形下,加载时间最多可缩短80%。下面介绍二十五中网速办法和方法。
1、用好的结构
可扩展HTML具备很多优势,但其缺点也非常明显。XHTML可能使你的页面愈加符合标准,但它很多用标记(强制性的和标记),这意味着浏览器要下载更多代码。所以,事情都有两面性,尝试在你的网页中用较少的XHTML代码,以减小页面大小。假如你确实不能不用XHTML,试着尽量对它进行优化。
2、不要使布局超载
坚持简洁原则:少即是多。页面中充斥着各类型型的图像、视频、广告等,这大大违背实用性原则。
3、不要用图像来表示文本
用图像表示文本的最容易见到示例就是在导航栏中。美观的按钮愈加具备吸引力,但它们的加载速度非常慢。除此之外,图像仍然不可以由搜索引擎直接索引,因此,用图像进行导航不利于网站SEO(searchengineoptimization,网站优化)。当不需要图像就能通过很多CSS方法创建好看的按钮时,绝不用图像来表示文本。
4、检查cookie用状况
设置一个较早的expire日期或者根本不设置expire日期,会缩短响应时间。要在PHP语言中设置cookie的expire日期,用以下代码:
$expire=2592000+time;
//Add30day’stothecurrenttime
setcookie;
?>
这段代码设置cookieuserid,并将expire日期设置为自目前日期之后30天。
5、不要包括非必须的Javascript代码,尽量将它外部化
应该明智地用Javascript(仅在真的必要时才用)并优化脚本的大小和速度。缩短Javascript下载时间的另一种方法是用外部文件,而不是包括脚本内联。这种办法也适用于CSS,由于浏览器会缓存外部化的文本,而(在HTML页面自己中)以内联方法编码的CSS或Javascript每次都会随HTML一块加载。
6、尽量防止用表格
表格被用作网页的主要构建块,但作为页面布局元素,用表格目前被觉得是糟糕的做法。有时,你需要用表格(并且它们被觉得是显示表格数据的出色实践)。若是如此,明确地指定表格单元格、行和列的宽度和高度,不然,浏览器需要实行很多操作来计算怎么样显示它们,这会减少页面加载速度。
7、删除任何非必须的元素
可能这是所有方法中最显而易见的一个,但它也是最易忘记的一个方法。假如你真的需要在网页上放置很多内容,考虑将网页分为2个、3个或更多的独立页面。
8、一些优化网页的方法
可以用很多办法来优化你的网页,包含压缩Javascript文件,用超文本传输协议(HypertextTransferProtocol,HTTP)压缩,与设置图像大小。
9、压缩和缩小Javascript文件
你可以用GNUzip来完成此任务,由于很多浏览器都支持这种压缩算法。另一种替代办法是缩小文件。这种办法删除代码中所有非必须的字符,譬如制表符(tab)、新行和空格。它删除代码中的注解和空白,进一步缩小文件大小。外部和内部样式表都可以缩小。两种最火爆的缩小工具是JSMin和YUICompressor。
10、用HTTP压缩,并一直用小写的div和类名
可以用HTTP压缩来降低服务器与浏览器之间的通信量。可以在Apache中配置HTTP压缩(.htaccess文件),或者可以将它包括到页面中(对于PHP,可以用一个HTTP_ACCEPT_ENCODING选项)。但请注意:不是所有浏览器都支持压缩。即便是支持压缩的浏览器,压缩和解压缩都会加重处置器的负载。要在Apache中启用地毯式(blanket)压缩(即压缩所有文本和HTML),用以下命令:
AddOutputFilterByTypeDEFLATEtext/htmltext/plaintext/xml
另外,考虑考虑你想要压缩的内容。图像、音乐和视频在创建时已经进行了压缩,因此你可以将压缩对象限制为HTML、CSS和Javascript文件。另一种降低压缩工作的方法是用小写形式的
元素和类名。因为大小写敏锐性,并且用的是无损压缩, 与 不同,它们被压缩为两个不一样的标记。
十1、设置图像大小
与表格单元格、行和列一样,当你未明确设置图像大小时,浏览器需要实行计算来显示图像,这会减少处置速度。
十2、将CSS图像映射用于装饰功能
用图像映射代替多个图像,这是另一种缩短加载时间的方法,由于同时下载图像的每个独立部分可以加快整个页面的下载进度。或者,你可以用某种名为CSSsprites的工具。CSSsprites可帮助降低HTTP请求的数目。一个图像可以包括装饰或布置页面所需的所有图像元素。你用CSS来选择(通过调用某些地方和维度)用于特定元素的映射。
十3、尽量延迟脚本加载
一种提高页面下载速度的潜在方法是将脚本放在页面的底部,使页面加载更飞速。一般,浏览器只能(从同一个域)下载低于两个并行对象,假如一个对象是一段Javascript代码,那样在该脚本下载完之前,其他页面组件的下载将会中止。假如将Javascript代码放在页面底部,(在大部分状况下)它将在最后下载,这个时候所有其他组件都已下载完。
十4、按需加载Javascript文件
要按需加载Javascript,用import函数。
import函数:
function$import{
varscriptElem=document.createElement;
scriptElem.setAttribute;
scriptElem.setAttribute;
document.getElementsByTagName[0].appendChild;
}
//importwitharandomqueryparametertoavoidcaching
function$importNoCache{
varms=newDate.getTime.toString;
varseed="?"+ms;
$import;
}
十5、验证函数加载
也可以验证一个函数是不是被加载,假如没,加载Javascript文件。
验证函数是不是被加载:
if{
//Thefunctionhasbeenloaded
}
el
可能需要知道
没数据