网站加载速度优化

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