020-39991468

快捷导航

# 业务咨询
电 话:020-39991468

张经理 / 18665606093

Email / service@2000new.com

Wechat

扫一扫添加顾问

提高网页加载速度的六种简单有效的网站设计方法

来源:新际网络 发布时间:2021-05-13

  你可能会想,网站速度有什么大惊小怪的?网页平均加载速度有什么重要的?据阿伯丁集团称,页面加载时间延迟1秒,结果如下:


  页面浏览量下降了11%


  客户满意度下降了16%


  转换次数减少了7%


  亚马逊报告称,网站速度每100毫秒提高一次,而沃尔玛的收入增加了1%。同时发现每个页面速度提高了2%。


  你网站的速度也会影响你的自然搜索排名,因为Google从2010年开始就用网站速度作为其排名算法的信号。基本上你的网页加载速度很重要,它决定了你是否会在SERP中排名。


  这里有6个简单但非常有效的方法,可以通过修改你的网站设计来立即提高网页的速度:


  # 1优化图像并延迟加载所有内容


  网络上一些最常见的带宽是图像。据HTTP存档,现在图片占页面权重的63%。“截至2015年5月,平均网页量超过2 MB大关。这几乎是三年前平均页面大小的两倍。


  “图表显示了消耗最多千字节的细分。事实上,所有资产类型都在增长,最值得注意的是图像。


  在创建内容时,有些人使用大图像,然后使用CSS来缩放它们。然而,他们不知道浏览器仍然以全尺寸加载它们。比如一张800 x  800的图片缩小到80 x  80,浏览器会加载十倍以上。


  优化图像的最好方法是将其压缩到较小的尺寸,同时保持质量。使用TinyJPG和Compressor.io等工具,或者WP  Smush  It(WordPress)和Imgen(Joomla)等CMS插件压缩图像,会保证你的网站加载速度更快,从而为网站访问者提供更好的体验,提高转化率。


  另一个选择是“延迟加载”图像和网页内容。本质上,您可以使用一些JavaScript来找出哪些图像位于视口处或附近,并且只下载用户可能看到的图像。


  根据Stackpath总结的延迟加载的优势包括:


  延迟加载在优化内容交付和简化最终用户体验之间取得了平衡。


  用户连接到内容的速度更快,因为当用户第一次打开网站时,只需要下载一部分。


  随着内容向用户的不断提供,企业看到了更高的客户保留率,降低了用户离开网站的几率。


  企业看到资源成本在降低,因为内容只有在用户需要的时候才能交付,而不是一次。# 2使用浏览器缓存


  设置浏览器缓存允许您将临时数据存储在网站访问者的计算机上。这确保了他们不必在每次访问您的网站时都等待您的网页(徽标、CSS文件和其他资源)加载。


  服务器端缓存及其浏览配置决定了数据的存储时间。在您的服务器上设置浏览器缓存可以通过联系您的托管公司或查看以下资源来完成:


  Apache缓存


  Iis缓存


  Nginx缓存


  使用浏览器缓存指定网页浏览器保存CSS、JS和图像的时间。对于回头客来说,它使你的网页加载速度更快,从而产生流畅的体验,并在导航和搜索结果页面(SERP)中获得更好的排名。


  此外,安装缓存插件会对您的页面加载时间产生巨大影响。缓存插件通过生成内容的静态副本并将其传递给站点访问者来处理这个问题。这可以大大减少您的页面加载时间。


  缓存插件可以帮助您看到网站整体性能提高约10倍。缓存插件的例子包括W3总缓存。


  # 3压缩网络内容


  Google将压缩定义为用更少的比特对信息进行编码的过程。虽然最新的网络浏览器支持内容压缩,但许多网站仍然不发布压缩内容。


  这些网站的访问者与网页的互动很慢。这些不利网站行为的主要原因包括旧的或错误的浏览器、网络代理、配置错误的主机服务器和防病毒软件。


  未压缩的内容使得带宽有限的用户接收网页内容和加载页面的速度非常慢。为了通过有效的压缩策略提供高效的网站内容,Google建议如下:


  1)Minify,HTML,CSS,JavaScript


  2)在CSS和HTML中使用一致的代码,如下所示:


  使用一致的规范——大部分是小写。


  请确保引用HTML标记属性。


  以相同的顺序显示HTML属性。


  使用Adobe  DreamWeaver和MAMP等工具在电脑上本地创建/编辑CSS,测试和运行网站,并以相同的顺序指示CSS键值对(KVP)。


  3)启用Gzip压缩


  Gzip查找相似的字符串和代码实例,并临时用较短的字符替换它们。谷歌表示,“启用Gzip压缩可以将传输响应的大小减少高达90%,这可以显著减少下载资源的时间,减少客户端的数据使用,并提高首次呈现页面的时间。”


  # 4优化CSS代码和交付CSS的引入是一个关键的改进,几乎没有缺点。但是,必须考虑CSS脚本对页面速度的影响,尤其是涉及到一个网页的呈现时。


  当CSS没有正确传递时,它会导致浏览器在下载和处理样式数据时延迟,然后才能完全呈现并显示给您网页的访问者。这就是为什么优化CSS传递和识别可能降低网页速度的陷阱是至关重要的。


  CSS可以通过网页多种方式使用,现在依然有效。由于有各种各样的使用方法,所以有几种不同的CSS设置。无论你如何在网页上设置它,你的CSS应该帮助你的网页渲染得更快,而不会变慢。


  您可以使用不同的在线工具来压缩、优化和清理CSS传递。另外可以参考Google关于优化CSS投递的建议。


  使用速度非常快的服务器托管公司排名第五


  有一段时间换了托管公司,网站平均速度明显提升,没有任何其他变化。当时我就意识到,说到网站的加载速度,并不是所有的托管公司都是平等的。


  浏览网站或打开网页时,您将从远程计算机(即托管公司的网络服务器)打开文件。远程计算机越快,您的网页打开的速度就越快。


  那里有各种托管公司供你使用。在你决定使用任何主机来托管你的网站之前,确保你做了适当的研究并阅读了足够的评论。


  在研究可靠的网络托管公司时,您应该注意的最重要的因素包括速度/加载时间、正常运行时间/可靠性、客户支持和价格/价值。


  # 6停用未使用的插件


  插件通常是减缓WordPress托管网站速度的主要原因。删除不再使用或不需要的插件。您可以通过有选择地禁用插件和测量服务器性能来识别可能损害您的速度的插件。


  另外,为了加快你的WordPress网站在手机上的体验,请查看我们的指南,尽快在你的WordPress网站上实现Google  AMP。


  结论


  用户会继续要求更丰富的在线体验,会有更快更清晰的JavaScript,更多的CSS提示等第三方分析工具来增加你的网页大小,衡量你的网站。


  作为一名在线营销人员,你不能让这种情况迷惑你。您必须经常努力扩展您的网页设计,以提高您的网页加载速度。稍微持续关注一下你网站的加载速度,会大有帮助。记住:你的网站加载速度延迟一秒钟就是失去领先优势。


联系我们
  1. 咨询电话 咨询电话

    业务咨询:

    020-39991468

    服务监督:

    郭经理 18620727292
  2. 联络邮箱 联络邮箱

    业务邮箱

    service@2000new.com

    招聘邮箱

    hr@2000new.com
  3. 新际网络公司总部地址 总部中心
    广州市番禺区汉溪大道东290号保利大都汇A3栋803室
  4. 新际网络 微信客服 微信沟通
    售前顾问

    扫一扫加售前顾问

返回顶部

电话咨询

在线咨询

留言预约

*新际020中心将尽快与您联系