20 种提升网页速度的技巧.docx
- 文档编号：9491945
- 上传时间：2023-02-04
- 格式：DOCX
- 页数：20
- 大小：345.81KB
20 种提升网页速度的技巧.docx
《20 种提升网页速度的技巧.docx》由会员分享，可在线阅读，更多相关《20 种提升网页速度的技巧.docx（20页珍藏版）》请在冰豆网上搜索。
20种提升网页速度的技巧
20种提升网页速度的技巧
您希望加快网页的加载速度吗？
了解如何通过缩短加载时间来改善拨号上网用户的浏览体验，在某些情形下，加载时间最多可缩短80%。
引言
不是所有人都能够使用高速Internet连接。
即使每个人都能够使用高速网络，也会因为各种各样的原因使您的Web应用程序看起来运行缓慢。
在这个宽带速度不断提高的时代，您应当关注一下页面加载时间。
将珍贵的页面加载时间缩短几秒，将更加珍贵的请求和响应时间缩短几毫秒。
您将为访问者创造一种更好的体验。
阅读完本文之后，您将能够较好地了解网页加载时间优化的基本知识。
您还能够使用工具和知识更好地识别和判断加载缓慢的页面部分和瓶颈。
先决条件
在理想情况下，您应该安装了MozillaFirefox。
您还应该大体了解Web开发。
本文涉及的主题并不复杂，但是如果您了解超文本标记语言（HypertextMarkupLanguage，HTML）、层叠样式表（CascadingStyleSheet，CSS）以及™编程语言等主题，那么在学习本文时将更加得心应手。
不需要使用集成开发环境（IDE），只需使用您喜爱的编辑器。
您必须在浏览器中启用了JavaScript。
另外，要学习与Firebug和YSlow相关的内容，您需要安装FirefoxWeb浏览器。
假设您没有宽带
许多人通过某种形式的宽带连接访问Internet，这些形式可能是DSL、网线、光纤或其他方法。
但是，无法使用这类技术的用户不得不使用拨号连接。
您一定已经忘记拨号上网是什么感觉了，但您可以试着回想一下网页逐行加载时的情形。
幸运的是，这些可怜的人们现在已经能够获得一些帮助。
您可以通过缩短加载页面的时间来改善他们的体验。
但是，拨号连接并不是降低加载和响应速度的惟一原因。
许多Web设计人员错误地认为高速Internet连接的到来会使网站性能优化变得没有必要。
这种观点是不对的。
例如，过去使用桌面软件执行的许多任务现在可以在线执行。
在Web应用程序中获得像桌面软件那样的高速响应体验非常困难，因此性能优化非常重要。
幸运的是，一些工具和最佳实践可用于缩短响应和加载时间，提供更加流畅的体验。
基本工具
对于所有与优化相关的任务，您必须使用工具来诊断瓶颈和识别问题。
现在在Web开发中使用最广泛的两个工具是Firebug和YSlow，它们都是开源、免费的Firefox插件。
Firebug
Firebug（参见 参考资料）是最流行的Firefox扩展之一，该应用程序能够使Web开发人员的工作更加轻松。
它包含许多非常有用的功能，比如：
∙JavaScript调试
∙JavaScript命令行
∙监视JavaScript性能和跟踪 XmlHttpRequests
∙登录Firebug控制台
∙跟踪
∙检查HTML元素和动态编辑HTML代码
∙动态编辑CSS文档
YSlow
YSlow（参见 参考资料）分析网页，并根据Yahoo!
起草的高性能网站规则（参见 参考），告诉您网页加载缓慢的原因。
YSlow是一个与Firebug集成的Firefox插件，因此您需要首先安装Firebug，然后才能安装和使用YSlow。
安装Firebug
两个Firefox扩展的安装过程都非常简单。
要安装Firebug，执行以下步骤：
1.打开Firefox，转到 Firebug主页。
2.安装最新版的Firebug。
3.如果Firefox配置为阻止弹出窗口，单击 Allow 允许打开安装窗口。
否则，单击 InstallNow。
4.重启Firefox。
您现在可以从Tools菜单访问Firebug。
可以在新窗口或现有窗口中打开Firebug（参见 图1）。
图1.Firefox起始页的FirebugHTML和Style视图
安装YSlow
安装Firebug之后，接下来安装YSlow。
为此，执行以下步骤：
1.打开Firefox，然后转到 YSlow主页。
2.安装插件，然后重启Firefox。
注意：
与许多其他Firefox扩展不同，YSlow不会自动启动。
必须首先激活它。
3.要激活YSlow，在状态栏右键单击其图标，然后单击 Autorun。
图2 显示了YSlow性能分析的结果。
图2.Firefox起始页的YSlow性能分析
常识：
牢记设计规则
令人惊讶的是简单的设计规则通常会被忽视，最终产生未经优化的、下载缓慢的网页。
牢记以下规则，页面的加载速度将会更快。
使用良好的结构
可扩展HTML（XHTML）具有许多优势，但是其缺点也很明显。
XHTML可能使您的页面更加符合标准，但是它大量使用标记（强制性的
所以，事情都有两面性，尝试在您的网页中使用较少的XHTML代码，以减小页面大小。
如果您确实不得不使用XHTML，试着尽可能对它进行优化。
例如，删除空格并采用严格的XHTML编码实践，提高下载和解析速度。
要严格执行XHTMLStrict规则，向文档中添加以下 doctype 语句：
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML1.0Strict与StrictHTML4.01是等效的，包含的属性和元素没有出现在HTML4.01规范的反对内容中。
记住，有两个标记能够在XHTMLTransitional中使用，但不能在XHTMLStrict中使用，例如：
∙
∙
∙
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1