进入一个网站之后,感觉就像是要花很长时间才能加载。您会怎么做呢?您会耐心地等待网页全部加载吗?还是关闭浏览器标签,进入下一个网站呢?事实上,页面加载时间不仅会对用户体验产生巨大的影响,而且也会极大地影响转换率,以及搜索引擎的优化。无论您拥有什么类型的网站,无论是博客、电子商务商店、在线论坛还是会员登录页面,提供最快的网站速度和性能都符合最大利益。但是您该怎么办呢?这里有七个提示,您可以使用它们来减少这些加载时间,并在2019年提高您网站上的用户体验。
1. 使用内容交付网络
当然,您可以根据网站上的实际内容采取许多步骤。您可以缩小图片和优化JavaScript。但是您还必须考虑服务器相对于访问服务器的用户的位置。互联网并不完全是虚拟的,因为仍然需要穿越物理空间。对于位于洛杉矶的人来说,访问旧金山的服务器要比访问伦敦甚至芝加哥的服务器要快得多。内容交付网络(简称CDN)的目标是通过选择最靠近最终用户的服务器来提高网站的性能。
我们建议您了解一下CDN的工作方式,不仅要更好地了解这个概念是如何工作的,还要了解为什么今天大多数互联网顶级网站都在使用它。这就是有一个完整的网络来交付这些内容的地方。最好的CDN通过提供更高速的存储、优化工具、智能和动态缓存以及安全功能来进一步优化性能。您将需要一个具有良好全球网络覆盖范围和高可用性解决方案的CDN。Incapsula的专业计划起价为每月五十九美元,而商业计划起价为每月两百九十九美元。
2. 压缩图像
从网站速度和性能的角度来看,加载图片可能是最繁重的活动之一,这可能不会让您感到惊讶。这部分与分辨率有关,但也与图像压缩水平和其他因素有关。如果您只想调整图片大小并将其显示为只有两百像素宽的缩略图,那么上传和显示一张两千万像素的大照片是没有真正理由的。首先,您可以从实际上传到服务器的图像开始。一般来说,您不需要几兆字节大小的图像。根据具体情况,可以在不损失大部分用户可识别的质量损失的情况下使用200 KB或更小的内存。另一个很好的方法是叫做Smush的WordPress插件。其目标是减少“所有不必要的数据,而不影响网站速度。”
3. 压缩JavaScript和CSS
在提高页面加载时间方面,首先也是最容易看到的地方之一是解决站点代码中不必要的低效问题。更具体地说,JavaScript(JS)和级联样式表(CSS)的默认代码效率可能非常低。对于初学者来说,有很多空白,并且可以将几行冗余代码缩减到更短的长度。可以想象,浏览器(和服务器)运行的代码越少,页面的加载速度就越快。如果您有一个WordPress站点,那么使用类似WP Super Minify的插件为您做这件事是最简单的。当然,在这之前,您需要进行完整的网站备份。正如许多顶级CSS站点推荐的那样,如果您有不同类型的站点,或者您更愿意手动操作,那么有几个在线工具可以做到。Minifier就是这样一个例子。该工具的工作原理是删除空白、剥离注释、组合文件以及优化或缩短一些常见的编程模式。
4. 减少HTTP请求
所有其他的都保持不变,最简单的网站将是加载速度最快的网站。如果您有一个简单的纯HTML页面,其中包含纯文本和最少的图像,那么它可能会非常快。如果有一个动态页面调用了许多其他因素和内容类型,那么您将会遇到麻烦。通过减少HTTP请求的数量,您可以显著提高站点的速度。代码越干净越好。Perfmatters是WordPress的一个面向性能的插件,它可以为您实现大部分自动化。一个网站的起价为每年19.95美元,无限网站的起价为每年99.95美元。尽管许多网站所有者和博主可能不了解这些设置或命令的实际内容,但该工具使您可以非常容易地检查或关闭您希望启用的性能选项。
5. 升级到独立服务器
大多数刚开始创建自己的第一个网站的人,实际上也有很多老手,通常会选择共享主机,因为这通常是最具成本效益的选择。然而,这意味着您正在与其他客户共享资源(服务器和带宽),并且您无法控制他们如何使用这些资源。如果同一个服务器上的另一个网站突然涌入大量流量,其他网站的速度和性能就会受到影响。有许多变量超出了控制范围。为了避免这个问题,您可以考虑使用高级独立服务器。他们有托管和非托管的解决方案,但无论如何,您得到的服务资源器都是您一个人使用。如果您愿意的话,这允许更大程度的自定义。更重要的是,您可以获得独立的硬件和更稳定的性能。这意味着整体速度更快,尤其是当您选择配备了更好硬件的独立服务器时。如果是虚拟主机,我们应该在什么时候升级配置呢,有兴趣的朋友可以了解一下 什么时候升级虚拟主机最合适。
6. 启动延迟加载
一般来说,当有人到达某个网页时,整个网页都将尝试载入。有些元素可以同时加载,而另一些元素必须按顺序加载。根据网站的设计和布局,用户可能会因为他们还看不到的元素(而且可能永远看不到)而经历非常长的加载时间。或者他们会注意到网站仍然在他们的浏览器中加载,即使看起来感兴趣的内容已经可用。在这两种情况下,这都会降低用户体验,并妨碍网站速度。克服这个问题的一种方法是延迟加载。当启用延迟加载时,网页上的元素将根据需要加载。这样,在用户向下滚动之前,页面下方的项目不会加载。这会导致更快的加载时间,因为页面上方的元素会被优先处理。谷歌开发者网页基础部分有一个很好的指南,可以了解更多关于这项技术的信息。
7. 减少外部脚本
窗口小部件可能很棒。它们可以非常方便,可以用各种动态内容更新网站。也许侧边栏里有个Twitter小部件可以显示最新推文。也许您用亚马逊的一个小部件来展示特色产品。这是一个充满可能性的世界。问题是,当您依赖这些外部脚本时,您也可以在页面加载时间内使用这些外部脚本。如果Twitter碰巧因为任何原因挂起,那么当它等待该小部件正确加载时,站点速度会受到影响。对于页面上依赖于外部服务的各种“隐藏”元素,也是如此。
虽然将所有外部脚本全部删除可能并不完全可行。例如,您可能希望保留谷歌分析,例如为谨慎起见,应尽量减少其对页面加载时间的影响。更好的网站性能有助于提高用户参与度。在2019年落实这些建议。网站访问者将会感谢您!提升了页面加载速度,做SEO优化也就相对容易很多,有兴趣的朋友可以更多了解一下 ,提高页面加载速度,对SEO优化排名有什么帮助。