如何提升电商平台独立站网页响应速度?
优化独立站网页响应速度的关键要点
在当今数字化时代,优化独立站网页响应速度至关重要。其原因主要有两点:一是能显著提高网页转化率,毕竟网页加载速度每多 1 秒,转化率就会下降 10%;二是可最大限度提升网站在谷歌浏览器的排名,排名越靠前则曝光机会越多。
在着手提升之前,我们需要对网页进行全面的测试及诊断。在此过程中,可运用以下工具:
·Pagespeed insights(https://developers.google.com/speed/pagespeed/insights/)
·GTMetrix(https://gtmetrix.com/)
·Pingdom(https://www.pingdom.com/)
·New Relic(https://newrelic.com/)
·ySlow(http://yslow.org/)
·Webpagetest.org(https://www.webpagetest.org/)
了解网页整体运行情况及存在问题后,便可进入下一步骤:找出原因并针对痛点进行优化。一般来说,影响网页运行速度的主要因素及优化方案如下:
网页托管问题
网页加载时间主要受 TTFB(即消费者访问网站时,服务器加载对应页面所需时间)影响。此时,选择可靠的托管服务商尤为关键,市场上主流且好评度较高的托管服务商包括:
·Siteground(https://ecommerceguide.com/ecommerce-web-hosting/siteground-hosting-review/)
·InMotion Hosting(https://ecommerceguide.com/ecommerce-web-hosting/inmotion-hosting-review/)
·FlyWheel
(https://ecommerceguide.com/ecommerce-web-hosting/flywheel-hosting-review/)
·Bluehost
(https://ecommerceguide.com/ecommerce-web-hosting/bluehost-hosting-review/)
·RockSpace
(https://ecommerceguide.com/ecommerce-web-hosting/rackspace-hosting-review/)
·iPage
(https://ecommerceguide.com/ecommerce-web-hosting/ipage-hosting-review/)
·WPEngine
(https://ecommerceguide.com/ecommerce-web-hosting/wpengine-hosting-review/)
建站服务商
品牌所选的建站服务商质量也会对网站打开速度产生影响,因为多数建站服务商不仅提供网站结构管理服务,还涵盖后端基建甚至托管服务。值得一试的优质建站服务商有:
·Shopify(https://ecommerceguide.com/demo/shopify/)
·BigCommerce(https://ecommerceguide.com/demo/bigcommerce/)
·Wix(https://ecommerceguide.com/demo/wix/)
·Squarespace(https://ecommerceguide.com/demo/squarespace/)
·WooCommerce(https://ecommerceguide.com/demo/woocommerce/)
·3DCart(https://ecommerceguide.com/demo/3dcart/)
·Magento(Magento)
服务器质量
如前所述,服务器质量对网页加载速度有重要影响。虽然卖家在服务器优化方面能做的不多,但可通过检查以下细节来关注 TTFB 时长:
·DNS 服务器
·Gzip
·动态缓存
·CDN
·HTTP/2 支持
优化这些细节缩短 TTFB 时长后,便可开始下一步操作。
网站代码
虽然卖家无需从首行代码开始构建独立站,但在安装插件和更新应用程序后,网站代码可能会变“脏”,从而导致网站加载速度变慢。通过“清理代码”可较好地解决这一问题,比如:
·尽可能多地删除 404 页面,因其可能影响服务器效率;
·允许从子域异步加载文件,以提高网页整体速度;
·合并 CSS 和 Javascript 文件,减少服务器加载网页时的负载;
·最小化 CSS、Javascript 和 HTML 文件,在保持其最佳功能的同时将其大小降至最低。
此外,还可在 HTML 代码中的
元素中添加“defer”属性,以防止解析器阻塞的脚本阻碍加载时间,通过应用该属性,可在脚本执行时加载页面,从而为网页节省更多加载时间,提升网页加载速度。
数据库
在运营独立站时,不可避免会用到包含帖子、产品、搜索页面、客户信息和评论等的数据库。当数据库过载时,也会拉低网页运行速度。此时,卖家需要不断清理垃圾评论、电子邮件或 404 页面。保持数据库“精简”的方法如下:
·通过使用搜索产品、添加到购物车和添加到愿望清单等功能,测试性能顺畅程度;
·使用标签管理系统(如谷歌标签管理器),将客户数据放置到一个文件中;
·每周安排一次数据库维护,可通过如 WP-Optimize、Advanced Database Cleaner 或是 Siteground Optimizer 等插件来实现。
媒体文件
产品图片、嵌入式视频、各类图标和用户界面等文件越大,网站速度就越慢。确保在不影响视觉质量的前提下,让页面展示尽可能轻巧,是保证网页加载速度的因素之一,比如:
·压缩产品和登陆页面的图片、字体和图标等大小;
·避免直接从 YouTube 上嵌入视频,而是使用精简版的视频嵌入,只加载视频的缩略图,当用户点击它时才加载其余部分,以减小服务器运行压力;
·解除不必要的第三方应用程序,以及与基本应用程序不兼容的插件或程序;
·简化网站功能,优化社交分享按钮和弹出窗口的存在;
·删除非必要的重定向或无效链接。
移动端响应速度
考虑到部分订单是从卖家网站的移动端产生的,因此,在优化网页端的同时,移动端的“装饰”也不能忽视。首先,卖家需要测试手机上的页面响应速度,并与网页端相应速度进行比较,若速度太慢,卖家可以检查是否是因为边距图片不适配移动端等原因导致的。通过使用占内存更小并删除不必要的小工具等手段来调整移动端的页面响应程度,可极大程度上提高消费者的用户体验感。鉴于手机端购物的普及度,专注“移动端优先”的用户体验,可为卖家品牌提高转换率和订单收入。
提升网站速度并非一蹴而就,也不能一劳永逸,只有持续不断地优化,才是提升速度和增加订单的必经之路。