优化独立站网页响应速度的原因无非两点,一是提高网页转化率(网页加载速度每多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/)
对网页整体运行速度及存在问题做一定了解后,即可进行下一步:找出原因及痛点优化。一般而言,影响网页运行速度的主要原因及优化方案如下:
1. 网页托管问题
网页加载时间主要受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/)
2. 建站服务商
品牌选择的建站服务商质量也会影响网站的打开速度,因为大多数建站服务商不仅会为卖家提供网站结果管理服务,还包括后端基建甚至是托管服务。值得一试的优质建站服务商有:
·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)
3. 服务器质量
前文提及,服务器质量对网页加载速度有重要影响。虽然卖家能对服务器优化做的不多,但是可以通过以下细节检查TTFB时长:
·DNS服务器
·Gzip
·动态缓存
·CDN
·HTTP/2支持
优化这些细节缩短TTFB时长后,即可开始下一步。
4. 网站代码
虽然卖家不用从首行代码开始构造独立站,但是在安装插件和更新应用程序后,网站代码可能会变“脏”,进而导致网站加载速度缓慢。“清理代码”可以较好的解决这一问题:
·尽可能多的删除404页面,因为它可能也会影响服务器效率;
·允许从子域异步加载文件,以提高网页整体速度;
·合并CSS和Javascript文件,减少服务器在加载网页时的负载;
·最小化CSS、Javascript和HTML文件,在保持其最佳功能的同时,将其大小降至最低。
另外,可以通过在HTML代码中的
元素中添加“defer”属性来防止解析器阻塞的脚本阻碍加载时间:
应用上述属性,也可以让它在脚本执行时加载页面,以为网页节省更多的加载时间,提升网页加载速度:
5. 数据库
做独立站,不可避免地会用到包含帖子、产品、搜索页面、客户信息和评论的数据库。当数据库过载时,也会拉低网页运行速度。这时候,卖家就需要不断清理垃圾评论、电子邮件或404页面。
保持数据库“精简”的方法如下:
·通过使用搜索产品、添加到购物车和添加到愿望清单等功能,测试性能顺畅程度;
·使用标签管理系统(TMS),如谷歌标签管理器,将客户数据放置到一个文件中;
·每周安排一次数据库维护,可以通过如WP-Optimize、 Advanced Database Cleaner或是Siteground Optimizer等插件来实现。
6. 媒体文件
产品图片、嵌入式视频、各类图标和用户界面等文件越大,网站速度就越慢。确保在不影响视觉质量的情况下,让页面展示尽可能轻巧,是保证网页加载速度的因素之一。比如:
·压缩产品和登陆页面的图片、字体和图标等大小;
·避免直接从Youtube上嵌入视频,而是使用精简版的视频嵌入,只加载视频的缩略图,当用户点击它时才加载其余部分,能减小服务器运行压力;
·解除不必要的第三方应用程序,且与基本应用程序不兼容的插件或程序;
·简化网站功能,优化社交分享按钮和弹出窗口的存在;
·删除非必要的重定向或是无效链接。
当网站页面尽可能精简,且服务器运行平稳的时候,卖家能做的大部分优化工作基本上就完成了。
7. 移动端响应速度
考虑到部分订单都是从卖家网站的移动端产生的: