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

2022-06-26    分类: 网站建设

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

关掉了。后来我设计了个延时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。内容未经允许不得转载,或转载时需注明来源: 创新互联

手机网站建设