【速看】再慢一秒,你客户指不定就会被谁拉走了!
生活中的你登录网页时,点击进入窗口一片空白,窗口弹出,正在等待服务器拦截,哦不,你没看错,我也没有写错别字,因为接下来的时间可能会是这样:
3秒后:
10秒后:
20秒后:
1分钟。。。。。掀桌,你当真以为我好糊弄???
港真,这难道不是发生在90年代马云爸爸还在上传图片的速度?我不和你刚,确实你比他快一丢丢
如果你屡点屡败网页们都是一片空白,那极有可能是运气问题了
(网页:运气这么差还想登网页)
当然,这是一个真实的笑话,而你也不可能会等待一分钟,绝大部分冲浪客们在看到3秒不出画面就直接把你PASS掉了
有人就觉得也太短了吧,But,研究表明:
根据MICROSOFT Corp.的一项最新研究,人们通常会在8秒后对一件事情失去注意力。 另外,更有研究表明,40%的用户会放弃一个需要加载三秒以上的网站。 而官网每多加载一秒,就会有10%的用户离开。
本次想和大家聊的就是网站用户体验中炒鸡、无敌、你躲也躲不掉的重点——网站加载速度,以及正确优化方式!
研究表明,仅在2000到2016年这几年间,人们的平均注意力持续时间已经从12秒下降到了7秒。 对于网站站长来说这意味着什么呢?这就是说站长用于展示内容的时间越来越少,访客停留在网页上的时间也越来越短。也就是说,在网页全部加载完之前,很可能网站访客已经离开您的网站了。 这就是客户明明已经点击进来了,却被拦在大门口,我心里那揪心的啊! 根据StrangeLoop对美国亚马逊、谷歌和其他大型网站的研究,网页加载速度每延迟1秒就可以让转化率减低7%,同时网页浏览量会降低11%,同时客户满意度也会下降16%。 而且,前段时间谷歌的Webmaster Central Blog公开一则关于“评估网页体验”的最新消息——Chrome小组正式发布Core Web Vitals这一概念。 在这一最新的评估准则里,Load Time(加载时间)被放在了首位。 心里毫无波澜甚至还打了个哈气? 那现在我开始说人话:谷歌认为,一个网站的加载速度非常重要!如果你在这方面做得差,谷歌是不会给你糖吃的。 有朋友可能会要问,那多长时间加载出来比较好呢? 目前咱们业内比较受认可的一个“良好的网页加载速度”指标,是不超过2秒。 这是什么概念?就是你点击右下角在看......即刻点击本篇文章所需要的时间啊! 有朋友会说,2秒未免强人所难,怎么做到啊? 您别慌,我的职责就是为您提供更好的帮助,让您省时省力~ 很多朋友们可能觉得在电脑上感觉网站的速度不慢,然后就认为他们的网站没问题,其实这就大错特错了。 由于大家经常访问自己的网站,像Chrome这类现代化的浏览器会把网站存储在缓存文件里,然后在再次访问的时候自动抓取。这就会给你网站速度特别快的错觉。 但是,如果网络用户是首次访问您的网站,恐怕就不会有同样的感受了。事实上,不同地理位置的访问用户的用户体验是完全不一样的。 因此,首先您应该对自己的网站进行速度测试。不管你的网站加载需要10秒还是100秒,一定有明确的原因。而要扫清这些障碍,首先要知道障碍在哪里。 【用来测试WordPress网站速度的工具有:】 谷歌的PS Insights提供网页端和移动端两种测速结果,一般默认的是移动设备的测速结果。谷歌除了会给出实测数据外,还会给出优化建议和诊断结果。所以不管你之前用的什么测速软件进行测试并做了优化,最后都来谷歌跑一跑,看看它的评估侧重在哪些方面! (这个网站会给出明确的加载时间,也会列出需要调整的一些设置,比如缩小图片,CSS代码等) 在精不在多,这些可以让您清楚知道您的网站问题出现在哪里! 下面推荐一些提速方法,各取所需。 对我们大众来说,更改网站配置有点儿难,生怕出了一点儿错就导致网站崩溃。 但在此,交给您如何通过几次点击就能将您的WordPress网站加速,而且不需要您懂任何代码知识。 WordPress的页面属于动态页面。当创建一个页面时,WordPress会运行一个程序来找到相关的信息,然后把这些信息整合起来呈现给访问用户。这个过程需要很多个步骤。尤其是当单次访问网站的用户比较多的情况下,就会拖慢网站。 这就是为什么我向您推荐每个网站都要使用一个缓存插件。缓存可以让网站的运行速度提高1倍到4倍。 当用户访问WordPress网站时,服务器就会从MySQL数据库和PHP文件里面检索信息,然后将这些信息整合成HTML格式的网页文件呈现给网络访问用户。这个过程比较长,但如果使用缓存插件就可以直接跳过这个流程。 网上有很多款WordPress缓存插件,在此给您推荐WP Rocket付费版或者是WP Super Cache这款免费插件。 像Bluehost和SiteGround这两个虚拟主机提供商也有自己的缓存插件。 如果您使用的虚拟主机是SiteGround,那么可以登录控制面板(也就是cPanel),然后授权“Site improvement tools”下方的“SuperCacher”就可以了。 然后,我们需要安装启用SG Optimizer这款插件,对SuperCacher进行设置。 网站中的图片可以丰富网站内容,吸引访客眼球。研究发现使用彩色图片后的文章阅读几率可以增加80%。 但是如果图片没有优化,恐怕就弊大于利了。实际上,未经优化的图片往往会拖慢WordPress网站的运行速度,这也是经常碰到的问题。 将图片从手机或相机上传之前,建议您可以使用图片编辑软件先进行图片优化。 按照图片的原始格式来算,可能图片容量比较大。但在图片编辑软件里,我们可选择其他图片格式,将原图片大小缩减5倍。 接下来我们了解一下JPEG和PNG格式的图片有什么区别。 【PNG】图片通常都没有经过压缩处理。对这类图片进行压缩时,可能会失去图片原有的一些信息。未经压缩的图片虽然质量较高,但是图片比较大,打开网页时,加载时间要更长一些。 【JPEG】格式的图片经过压缩,虽然图片清晰度会受到影响,但图片比较小。 【那么,我们该如何选择图片的格式呢?】 1.如果图片包括很多不同的颜色,我们选择JPEG格式。 2.如果图片比较简单,或者我们需要相对透明的图片,可以选择PNG格式。 后台程序是在WordPress网站后端运行的程序。下面是WordPress网站后端常见的运行程序: 1. WordPress备份插件 2. WordPress定时发布文章的程序 3. 定时检查更新的程序 4. 搜索引擎及其他抓取程序 顶底发布文章和检查更新的程序对网站的性能营销比较小。但是其他类似北风插件以及搜索引擎抓取程序可以拖慢WordPress网站。 我们得对备份插件进行设置,让它在网站流量最小的时候进行备份。同时,我们也需要调整备份的频率,并对需要备份的数据进行微调。 例如,您的WordPress独立博客站一周才更新2篇文章,但备份插件却每天都在进行备份,这时您就可以适当进行调整。 如果您想要实时备份数据,建议您使用软件服务一体化的解决方式,防止拖慢网站。 抓取这一块,您需要查看一下Google Search Console或其他搜索引擎站长工具里面的抓取报告。频繁抓取网站信息可能会导致错误发生,从而拖慢网站速度,也可能让网站不再属于自适应式网站。 用户可以直接把音频、视频文件上传到WordPress网站上,之后会自动现在HTML5播放器里。但是,千万不要把音频、视频文件直接上传到WordPress上! 因为托管音频、视频要浪费网站的带宽,服务器所在公司也可能会收取额外费用。即使您购买的是不限带宽的套餐,他们也可能连您的网站一并给关掉了。 而且,比较大的媒体文件也会加大备份文件,对网站备份也会造成影响。 站长应该利用音频、视频类托管服务网站来托管自己的音频、视频。这样的网站有很多,比如说Youtube、Vimeo、DailyMotion、SoundCloud、优酷、土豆、西瓜视频、哔哩哔哩等等。 WordPress内置有视频嵌入功能,因此我们可以直接复制视频的链接,然后粘贴到文章里就好了。 如果一款WordPress插件的内部代码太过冗长,就会增加页面加载时间,降低网站速度。 插件的使用应该注重易用性、用户体验,最重要的是插件的性能。如果您搭建的是英文站,推荐下面不同类别的插件。 1)WPForms — 最适合新手也是最快的联系表单类WordPress插件。 2)Soliloquy — 如果想给网站添加类似滑动、滚动幻灯片效果,Soliloquy无论是功能还是性能都是最好的一款插件。 3)Envira Gallery — 图片库类插件可以拖慢WordPress网站速度。经过wpbeginner测试,Envira Gallery是最快的图片库类插件。 4)Shared Counts — 社交媒体类插件通常会加载额外的脚本,性能并不好。Shared Counts是最快的社交媒体类插件之一。 除了上述推荐的这些插件外,自己还能亲自进行测试。先测试一下安装插件前的网站速度,然后再测试一下安装插件后的网站速度,接着进行对比,选择速度比较快的插件。 读者一般喜欢篇幅较长有深度的博文,而且长篇幅的文章在搜索引擎里的排名也比较高。 但是如果发布的长篇博文里面有很多图片,就可能导致网页加载速度变慢。因此,我们可以考虑把长篇文章分成几个页面来显示。 WordPress自带的有这种功能。在博文里加入<! — — nextpage — →标签就可以把长篇文章分开,然后还可以用类似的方法继续对文章进行分割。 网站千千万,不差一个龟速网站。 现在的线上冲浪,内容多彩缤纷,形式与选择也越来越多,吸引人眼球的更是层出不穷。所以,抢住客户的目光,让他进入你的网站,才是你首要考虑的事情哦~一、WordPress网站加速简易步骤(不需要懂代码)
(安装一个WordPress缓存插件)
【SiteGround SuperCacher】
二、优化图片,提高速度
三、优化后台程序
四、不要把音频、视频文件直接上传到WordPress上
五、插件速度要快
六、把长篇文章分成几个页面