Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区人民南路国际商业大厦20楼(地铁1号线国贸站E出口既是)

    szniego@126.com


    © 2007-2020 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 如何提升WordPress建站的用户体验感

    时间:2021-09-15  作者:尼高GARY  来源:https://www.niegoweb.com
    用户体验已经成为网站建设的重要标准,越来越多的公司都会以“网站建设的目的是什么,网站建设的受众是谁”这个来理念来贯彻整个网站建设。今天深圳网站建设公司就和大家分享一下如何提升WordPress建站的用户体验感。

    网站建设
    1. 使用快速的网络主机

    正如我所提到的,服务器响应时间也称为首字节时间 (TTFB) 会影响每个核心 Web 重要指标。负责服务器响应时间的第一大因素是您的网络主机。他们使用的堆栈非常重要。

    虽然快速的服务器响应时间并不能保证您会粉碎核心 Web Vitals,但它为这样做提供了正确的基础。没有正确的基础,其他一切都可能不会产生预期的结果。越快越好。因此,请确保您的网络主机速度快,并且他们使用的是良好的技术堆栈。

    例如,在Convesio,他们不遗余力地提供最高可用的硬件和软件来支持他们的平台。这就是他们集成 Cloudflare Enterprise 功能以提高性能的原因。这意味着用户可以为构建快速且对 Core Web Vitals 友好的网站打下坚实的基础。

    2. 使用基于服务器的缓存

    WordPress 博客和 WooCommerce 大多是动态而非静态的。这意味着网站上的项目不断变化。由于这些更改是有规律的,并且每次访问都必须对数据库进行查询等,因此使用缓存来提供静态的感觉。对象缓存可以极大地改进数据库查询。并且页面缓存可以改善前端渲染。

    虽然缓存可以加速 WordPress 网站,但有一个大问题,它被称为缓存命中率。有多少用户通过缓存获得服务?核心 Web Vitals 的真实数据是从 Chrome 用户体验报告 (CrUX) 中收集的。并不是每个 chrome 用户都参与其中。只有那些“选择同步浏览历史记录、未设置同步密码并启用使用情况统计报告”的用户。因此,在每天访问您网站的 1000 名用户中,只有 40 名可能会解释真实世界的数据。

    因此,拥有更高的缓存命中率很重要。虽然缓存插件很好,但问题是命中率。使用基于服务器的缓存可以显着提高缓存命中率。这增加了您将缓存内容提供给为您的真实世界核心 Web 生命报告做出贡献的用户的机会。请记住,实验室数据不算数。如果您的 Web 主机不提供基于服务器的缓存,您可以使用Cloudflare为您的站点提供更高的缓存命中率。通常,基于服务器的缓存比基于插件文件的缓存更有效。尤其是当您有很多并发用户时。

    3. 使用快速轻量的主题

    WordPress 是开源的,拥有非常庞大的社区。迄今为止最大的 CMS 社区。虽然这是一件好事,但它也可能产生坏影响。例如,有很多人为 WordPress 开发产品,诸如 WordPress 主题之类的产品。这些开发人员有不同的经历和动机。

    WordPress 社区中有许多编码不当的主题,它们非常臃肿。使用此类主题可能会阻碍您加快网站核心 Web Vitals 速度的努力。一个糟糕的主题会影响 TTFB 和每个指标核心 Web Vitals 指标。确保您寻找一个编码良好的主题,该主题遵循 Google 的所有公认最佳实践。而且它很轻,不臃肿。像Yellowlab.tools这样的工具可以帮助您测试任何主题的演示,看看它在考虑最佳实践的情况下如何执行。

    4. 移除不必要的插件

    虽然插件不是坏事,但使用编码不当的插件弊大于利。当用户访问您的网站时,插件会增加请求的数量。理想的解决方案是只使用必要的插件。并且还要为各种需求寻找最轻量级和编码良好的插件。请记住,插件的流行并不意味着它最适合该目的。

    5.优化JS

    优化 JavaScript (JS) 将大大改善您所有的核心 Web 重要指标。如果您曾经在PageSpeed Insights或Web.dev等工具上测试过您的网站,并且收到“消除渲染阻塞资源”警告,那么这很可能是由 JS 引起的。您可以删除注释和空格以减小 JS 文件的大小。推迟加载非关键 JS 也会有所帮助。

    一些插件可以帮助实现这一点,一个例子是Autooptimize。虽然我们建议您使用基于服务器的缓存,但一些缓存插件具有可以实现这一点以及更多功能的功能。一个例子是 WP Rocket 和 WP Fastest Cache。如果您使用基于服务器的缓存,您可以关闭它们的缓存功能并使用优化功能。

    6.优化CSS

    当您通过 Google PageSpeed Insight 运行您的网站时,“删除未使用的 CSS”是非常常见的建议。当用户访问您的网站时,浏览器将在呈现之前首先加载并执行您网站标题中引用的所有 CSS。如果它们太多,它会减慢速度。一些插件甚至在不需要的页面上加载它们的 CSS。

    您可以为您的页面生成关键 CSS,这将消除由 CSS 引起的所有问题,并且浏览器只会首先加载关键 CSS。删除空格和注释可以减小文件大小。您可以使用Asset CleanUp等免费插件删除页面中未使用的 CSS 。

    7. 使用 CDN

    互联网是全球性的。除非您将网站访问限制在特定地区,否则您将获得来自全球各地的用户。虽然您的网站可能托管在您所在的国家/地区并在那里快速加载,但您的用户可能位于距您 10,000 多公里以外的国家/地区,这对您的 Core Web Vital 分数有所贡献。

    使用内容交付网络 (CDN) 可确保您的网站在全球范围内快速提供服务。如果您有来自世界不同地区的用户,您会看到页面速度有很大提高,同时也提供更好的用户体验。

    8、优化广告投放

    首屏广告对您的 LCP 和 CLS 影响最大。如果广告中的图片大于首屏的所有图片或文本块,则可以计入您网站的 LCP。在AdSense和类似广告网络上投放的图片的问题在于您无法对其进行优化。而且它们可能未经优化。这是你无法控制的。如果它不会影响您的收入,请考虑移除首屏广告,尤其是针对移动设备的广告。此外,在首屏使用响应式广告会影响 CLS,因为加载时布局会发生变化。您可以通过为广告设置最小高度属性来克服此问题。这将防止布局偏移。

    9. 延迟加载图片

    图像会影响页面的大小。页面越大,加载所需的时间就越长。延迟加载图像将确保图像仅在需要时加载,从而减少页面大小并缩短加载时间。您可能已经在速度测试工具中看到警告“延迟屏幕外图像”。它只是告诉您延迟加载图像。

    10.设置图片属性

    当布局发生变化时会发生 CLS。例如,浏览您的主页并突然加载图像,页面变大并且您正在阅读的网站部分现在不在视野中。那是布局转变。设置 size 属性将在页面加载时保留该大小。这样当图像最终出现时,不会出现布局偏移。

    相关案例

    OTHER CASE