ajax 网页加速,20 种提升网页速度的技巧

引言

不是所有人都能够使用高速 Internet 连接。即使每个人都能够使用高速网络，也会因为各种各样的原因使您的 Web 应用程序看起来运行缓慢。在这个宽带速度不断提高的时代，您应当关注一下页面加载时间。将珍贵的页面加载时间缩短几秒，将更加珍贵的请求和响应时间缩短几毫秒。您将为访问者创造一种更好的体验。

阅读完本文之后，您将能够较好地了解网页加载时间优化的基本知识。您还能够使用工具和知识更好地识别和判断加载缓慢的页面部分和瓶颈。

先决条件

在理想情况下，您应该安装了 Mozilla Firefox。您还应该大体了解 Web 开发。本文涉及的主题并不复杂，但是如果您了解超文本标记语言(Hypertext Markup Language，HTML)、层叠样式表(Cascading Style Sheet，CSS)以及 ™ 编程语言等主题，那么在学习本文时将更加得心应手。不需要使用集成开发环境(IDE)，只需使用您喜爱的编辑器。

您必须在浏览器中启用了 JavaScript。另外，要学习与 Firebug 和 YSlow 相关的内容，您需要安装 Firefox Web 浏览器。

假设您没有宽带

许多人通过某种形式的宽带连接访问 Internet，这些形式可能是 DSL、网线、光纤或其他方法。但是，无法使用这类技术的用户不得不使用拨号连接。您一定已经忘记拨号上网是什么感觉了，但您可以试着回想一下网页逐行加载时的情形。

幸运的是，这些可怜的人们现在已经能够获得一些帮助。您可以通过缩短加载页面的时间来改善他们的体验。但是，拨号连接并不是降低加载和响应速度的惟一原因。许多 Web 设计人员错误地认为高速 Internet 连接的到来会使网站性能优化变得没有必要。这种观点是不对的。例如，过去使用桌面软件执行的许多任务现在可以在线执行。在 Web 应用程序中获得像桌面软件那样的高速响应体验非常困难，因此性能优化非常重要。幸运的是，一些工具和最佳实践可用于缩短响应和加载时间，提供更加流畅的体验。

基本工具

对于所有与优化相关的任务，您必须使用工具来诊断瓶颈和识别问题。现在在 Web 开发中使用最广泛的两个工具是 Firebug 和 YSlow，它们都是开源、免费的 Firefox 插件。

Firebug

Firebug(参见参考资料)是最流行的 Firefox 扩展之一，该应用程序能够使 Web 开发人员的工作更加轻松。它包含许多非常有用的功能，比如：

JavaScript 调试

JavaScript 命令行

监视 JavaScript 性能和跟踪 XmlHttpRequests

跟踪

检查 HTML 元素和动态编辑 HTML 代码

动态编辑 CSS 文档

YSlow

YSlow(参见参考资料)分析网页，并根据 Yahoo! 起草的高性能网站规则(参见参考)，告诉您网页加载缓慢的原因。YSlow 是一个与 Firebug 集成的 Firefox 插件，因此您需要首先安装 Firebug，然后才能安装和使用 YSlow。

ajax 网页加速,20 种提升网页速度的技巧相关推荐

怎么升级服务器浏览网页速度快,如何快速提升网页速度有哪些优化技巧
我们使用电脑和手机时候最不能忍受就是设备又卡又慢了,严重影响我们工作或者游戏体验.对于网页打开速度优化,肯定会说到SEO规则,下面一起看看具体分析! 一.谷歌如何看待网页速度首先我们以谷歌为例,了解 ...
【前端开发】25种提高网页加载速度的方法和技巧
尊重原创:http://blog.csdn.net/wxzking/article/details/4089384 您希望加快网页的加载速度吗?了解如何通过缩短加载时间来改善拨号上网用户的浏览体验,在 ...
如何通过预加载器提升网页加载速度
预加载器(Pre-loader)可以说是提高浏览器性能最重要的举措.Mozilla 官方发布数据,通过预加载器技术网页的加载性能提升了19%,Chrome测试了 Alexa 排名前2000名网站,性能 ...
提升网页加载速度—预加载VS预读取
预加载器(Pre-loader)可以说是提高浏览器性能最重要的举措.Mozilla 官方发布数据,通过预加载器技术网页的加载性能提升了19%,Chrome测试了 Alexa 排名前2000名网站,性能 ...
轻巧画图工具_网页设计师使用的20种超轻巧典雅字体
除了选择颜色和布局之外,选择正确的字体对于产生几乎所有好的设计作品都至关重要. 但是,对于设计人员来说,寻找合适的字体用于设计项目通常是一项艰巨的任务. 以前,我们曾经展示过一个可以展示100个必备免 ...
如何提升网页加载性能
摘自 https://github.com/xitu/gold-miner/blob/master/TODO/building-a-shop-with-sub-second-page-loads-le ...
html网页注册信息不完全时有警示_如何提升网页的用户体验？
原标题:如何提升网页的用户体验? 编辑导语:用户的体验感对于网站来说是极其重要的,成功的网站都拥有良好的页面用户体验.网页的用户体验表现在多个方面,即使是最小的细节也会对客户产生很大的影响.所以在网站 ...
网页加速插件Decentraleyes使用介绍
文章背景作为开发者开发过程中会遇到一些报错,一般我们会去stackoverflow上去搜索解决方案,但是该网站打开速度超级慢,原因是该网站引用了一些google js资源,google 在中国大陆是 ...
网页加速系列（五）、网页加速之进阶上篇
本文原文地址:http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dndude/html/dude1201.asp(英文) ...
org.apache.poi Excel列与行都是动态生成的_网络爬虫：Python动态网页爬虫2种技术方式及示例...
作者:糖甜甜甜 https://mp.weixin.qq.com/s/5Dwh5cbfjpDfm_FRcpw1Ug 这一讲,我将会为大家讲解稍微复杂一点的爬虫,即动态网页的爬虫. 动态网页技术介绍动 ...

ajax 网页加速,20 种提升网页速度的技巧

ajax 网页加速,20 种提升网页速度的技巧相关推荐

最新文章

热门文章