页面加载过慢对访问的影响，如何提高网页加载速度

前几年弹窗广告流行时还有个类似案例，因为用户都特烦弹窗，打开页面的弹窗往往用户下意识就去

关掉了。后来我设计了个延时10秒的弹窗，一月数据显示点击效果平均提升了30%。

页面访问慢是网站公认的死穴，如果页面都没法访问，往后再精彩的体验都等于零。这个问题如果专

业点说，叫做“加载”呈现效率。那么具体了讲，除常规的服务器处理速度、服务器端网络带宽、客

户端网络带宽等“硬”问题外，有哪些是技术上没处理好的“软”问题？

» Make Fewer HTTP Requests 更少的HTTP请求
» Use a Content Delivery Network 使用CDN
» Add an Expires Header 指定过期时间
» Gzip Components 压缩结构
» Put Stylesheets at the Top 样式表文件在顶部
» Put Scripts at the Bottom 脚本在底部
» Avoid CSS Expressions 不在css中使用表达式
» Make JavaScript and CSS External 将Javascript和CSS文件分离到单独的文件
» Reduce DNS Lookups 减少DNS查询
» Minify JavaScript and CSS 精简Javascript和CSS
» Avoid Redirects 避免重定向
» Remove Duplicate Scripts 去掉多余的脚本
» Configure ETags 配置实体标签
» Make Ajax Cacheable 可缓存的AJAX

加载速度

我曾经碰到种情况，因为页面呈现过快反而影响用户体验。页面跳转交互一闪就过去了，但首屏内容

没怎么变化，结果我不知道页面是否真进行了跳转。过快的交互感觉不是流畅，而是迷茫。此问题常

见于博客系统，各位同行可以仔细观察。比如淘宝UED博客，下图左为首页首屏，右为网志页首屏。

加载优先级

在打开到浏览页面的过程中，除加载速度，我留意并发现呈现顺序之差也能造成细微的体验影响。从

web原理来讲，整个页面正常应该是从上倒下，逐步呈现。但现实中web往往是竖状布局居多，因为更

符合用户浏览习惯，更易于页面技术实现。

竖状布局就会牵涉到个优先级问题，应该先显示哪列模块？答案肯定是最重要的内容。在2004年网站

重构技术得到重视之后，此问题已经不算什么新情况了，技术解决方案很成熟。之前最常见的是用

table标签进行布局，造成需要table内的内容全部加载完成之后才显示的后果。具体表现为可能卡在

页面某处长时间停留，并整个模块突然出现在页面上。下图为三星中文官网错误的先显示广告，而在

重要模块长时间等待。

分享标题：页面加载过慢对访问的影响，如何提高网页加载速度
文章URL：https://www.cdcxhl.com/news/171673.html

成都网站建设公司_创新互联，为您提供企业建站、营销型网站建设、手机网站建设、服务器托管、Google、网页设计公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联