bts防弹少年团演唱会

bts防弹少年团演唱会

11低挂水果提高网站速度(和转换)

《11低挂水果提高网站速度(和转换)》

网站速度很重要。 快速加载网站在各方面都表现更好:更好的用户体验,更高的转化率,更多的参与度,甚至更高的搜索排名。 如果您正在追踪移动流量(每个人都在),网站速度变得更加重要。 没有人想在他们的智能手机上下载4MB的网站,但大多数网站都是这样。 您的网站可能有所不同。

速度有多快?

虽然1秒的加载时间会很好,但如果你设置的加载时间不到3秒,你就可以了。 如果它不到7秒,它也没关系(但你必须尝试改进它)。 超过10秒,你就会以惊人的数量赔钱。

根据测试前2,000个零售网站的加载时间的Strangeloop ,网页不断变大,平均网站需要10秒才能加载。 典型的领先电子商务网站需要4.9秒才能提供可用内容

那你的网站应该有多快? 虽然Jakob Nielsen说人们可以处理长达10秒的加载时间 ,但请考虑以下事项:

《11低挂水果提高网站速度(和转换)》

只有25%的Alexa 2000使用CDN。 五分之一的网站未能实施相对简单的性能增强技术。 有些网站当然很快。 其中最快的(根据Strangeloop研究)是CVS.com (1.02s), Polo.com (1.9s), eCrater.com (1.95s)。 亚马逊的页面加载时间为3.26秒。

分析网站速度的工具:

这里要记住的一点是,分数并不重要 – 这是你的网站有多快起作用。 这些评分工具可让您查看潜在问题并就最佳实践提出建议,但它们不会为您解决网站的问题。

还要记住的另一件事是服务器和目标受众的地理位置。 Pingdom等工具可让您在多个位置之间进行选择,确保选择最接近受众的位置。

如何使Google Analytics速度跟踪更加准确

您可能已经看到Google Analytics会告诉您网站速度,网页速度等等。非常有用的东西。 我建议你不要只看平均页面加载时间,而是要更深入(例如,查看“分布”选项卡以查看页面加载速度分布)。 “DOM Timings”报告非常有用,因为它们显示了您的网页可以使用多长时间。

它非常准确,因为Google Analytics中的所有加载速度数据都来自用户的浏览器。 问题是它只接收大约1-5%访问量的数据,因此通常不是统计上有效的样本量。 而不是5%,您可以存储100%的访问者而没有任何缺点。 您只需修改Google Analytics脚本的创建方法:

ga(’create’,’UA-XXXX-Y’,{‘siteSpeedSampleRate’:100});

确保在添加此内容时不会破坏您的Google Analytics代码:)

请注意,并非所有浏览器都支持它(Safari),您将永远不会看到100%的采样率,但这会显着增加它。 还有10,000次点击/天限制,如果这是一个问题,您可以%E9%80%9A%E8%BF%87%E4%BD%BF%E7%94%A8%E4%BA%8B%E4%BB%B6%E7%9A%84

对转化的影响

要点:更快的网站获得更高的转化率。

看看这些研究:

什么会延迟1秒钟的费用? 在下图中找到答案:

《11低挂水果提高网站速度(和转换)》

图片来源

你在考虑移动用户吗? 你应该。

我想说,我可以通过Google Analytics访问全球数百个网站。 我看到这些网站上有多少移动用户,我总是关注增长率。 根据我的经验,对于美国大多数网站来说,移动访问者总数占总观众人数的50%-60%左右。 这种趋势随处可见。 回到那时,来自SimilarWeb%E7%9A%84%E5%85%A8%E7%90%83%E7%BB%9F%E8%AE%A1%E6%95%B0%E6%8D%AE

《11低挂水果提高网站速度(和转换)》

移动用户通常连接速度较慢,但​​他们希望网站的加载速度一样快。 确切地说, 85%的移动用户希望页面的加载速度比桌面上加载的速度快或快

以下是3篇关于改善移动网站性能的高质量文章:

如果您希望将移动用户的网站优化到一个全新的水平,Google应该考虑实施以下两个项目:

%E6%B8%90%E8%BF%9B%E5%BC%8FWeb%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E6%8F%90%E4%BE%9B%E4%BA%86%E4%B8%80%E7%A7%8D%E5%9C%A8Web%E4%B8%8A%E6%8F%90%E4%BE%9B%E6%83%8A%E4%BA%BA%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C%E7%9A%84%E6%96%B0%E6%96%B9%E6%B3%95%EF%BC%8C%E5%AE%83%E9%80%9A%E8%BF%87%E7%BB%93%E5%90%88%E6%B5%8F%E8%A7%88%E5%99%A8%E5%92%8C%E6%9C%AC%E6%9C%BA%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E7%9A%84%E6%9C%80%E4%BD%B3%E6%96%B9%E9%9D%A2%E6%9D%A5%E5%AE%9E%E7%8E%B0%E3%80%82″ web app>

第二个项目称为AMP或Accelerated” mobile pages> ,它允许您构建网站的简易版本,即使在较慢的连接上也会眨眼间加载。 Myntra是印度最大的时尚电子商务商店,在实施AMP %E6%97%B6%EF%BC%8C%E5%85%B6%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD%E6%97%B6%E9%97%B4%E7%BC%A9%E7%9F%AD%E4%BA%8665%EF%BC%85“>

11种低挂果实可提高场地速度

#1开始使用CDN( %E5%86%85%E5%AE%B9%E5%88%86%E5%8F%91%E7%BD%91%E7%BB%9C“>

它非常值得,特别是如果你有相当数量的流量。 您的观众将会额外收到您的奖金。

看看这些选项:

  • MaxCDN – 很多人说好话。
  • CacheFly – 另一个值得信赖的提供商。
  • Cloudflare 。 部分CDN,部分安全工具。 我在CXL上使用它。
  • Inscapsula – 类似于Cloudflare,但已显示出根据研究提供更好的安全/保护水平。

这是一篇关于如何选择CDN的精彩文章。

#2在使用CDN的云中托管您的静态文件

从CDN支持的无Cookie域提供静态内容。 为什么没有cookie的域? 每次浏览器发送HTTP请求时,它都必须发送为该域和路径设置的所有相关cookie。 静态内容(如图像,javascript和CSS文件)不需要附带cookie。 您可以通过从不提供cookie的域提供静态资源来减少延迟。

看看这两个选项:

#3在您的服务器上安装Google PageSpeed

告诉你的网站主持人设置它,你会喜欢结果。

PageSpeed通过更改该网页上的资源来实现Web性能最佳实践,从而改善了网页延迟和带宽使用。 它将自动将Web性能最佳实践应用于网页和相关资产(CSS,JavaScript,图像),而无需您修改现有内容或工作流。 即插即用。

#4告诉您的托管服务提供商您希望安装缓存

Memcached%E6%98%AF%E4%B8%80%E4%B8%AA%E5%BC%80%E6%BA%90%E7%9A%84%E9%AB%98%E6%80%A7%E8%83%BD%E5%88%86%E5%B8%83%E5%BC%8F%E5%86%85%E5%AD%98%E5%AF%B9%E8%B1%A1%E7%BC%93%E5%AD%98%E7%B3%BB%E7%BB%9F%EF%BC%8C%E6%97%A8%E5%9C%A8%E9%80%9A%E8%BF%87%E5%87%8F%E8%BD%BB%E6%95%B0%E6%8D%AE%E5%BA%93%E8%B4%9F%E8%BD%BD%E6%9D%A5%E5%8A%A0%E9%80%9F%E5%8A%A8%E6%80%81Web%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E3%80%82″>

首先请咨询您的系统管理员,了解您的特定设置,但在大多数情况下,Memcached将是一个很好的帮助(或者看看Redis )。

与PageSpeed不同,这在安装时不会执行任何操作,因此您需要配置站点以使用它。 如果你使用WordPress,它可以很好地使用W3 Total Cache插件,你可以设置Memcached来进行缓存。

#5优化您的图像

图片可能很大,并且会使您的网站加载速度变慢。 这就是为什么你需要减少你在博客文章和其他内容,徽标文件,图形等上使用的照片的文件大小。好处是你可以在不影响质量的情况下显着减小图像尺寸。

如果您使用WordPress,请使用像EWWW Image Optimizer这样的插件,在您上传图像时优化图像(也可以在媒体库中批量优化它们)。

其他人都将Kraken视为一款出色的图像优化服务。

#6使用快速Web主机

并非所有的Web主机都是平等的。 事实上,您的网络主机产生了巨大的变化。

如果你有相当数量的流量,你不应该在像Bluehost,Hostgator,GoDaddy和其他类似的低预算网络主机这样的主机上。

  • WP引擎 – 为WordPress制作的虚拟主机。 快速,狂热的支持,梦想的东西。 如果您运行WordPress并想要一个快速站点,就是这样。
  • LiquidWeb – 共享托管,专用托管,云托管,CDN。 他们拥有一切。
  • SingleHop – 我遇到的最好的专用服务器主机。
  • Hetzner – 专用服务器上的最佳优惠。
  • Storm on Demand – 最优惠的云托管服务。 也运行CXL。 很大的支持。

#7尽量减少往返时间(RTT)

RTT是指用户访问您的网站时所需的所有请求。 这不是文件问题的大小,但是会发出许多请求。 需要加载的每个资产–css文件,javascript文件,图像文件等 – 都是单独请求的。 因此,您的浏览器会向Web服务器发送请求,该服务器会将信息发回。 每个文件都一样。 这就是为什么加快网页性能的重要策略是尽量减少需要进行的往返次数。

谷歌有一个方便的手册来做这一切 。 这是一个快速摘要(让你的网络人员照顾它):

  • 将所有javascript文件合并为一个以最小化请求。 如果您有技术倾向,请查看Google Closure Compiler
  • 使用CSS精灵组合图像。 页面上使用的图像数量越多,访问者的浏览器和Web服务器之间的往返次数就越多。 理想情况下,您将所有微小的背景图像合并为一个,并使用CSS来显示它们。 您的前端开发人员(CSS人员)应该照顾它。 一些创建CSS sprites的工具: CompassSpritePad
  • 避免使用CSS @import。 而不是@import,使用a 每个样式表的标记。 这允许浏览器并行下载样式表,从而加快页面加载速度。
  • 最小化DNS查找。 加载站点时避免使用多个域名。
  • 最小化重定向。 如果需要,请始终使用http重定向而不是javascript。

前面提到的对于使用HTTP的站点是有效的,如果您的站点已经切换到HTTP”>或者您计划很快就这样做,实际上更好的是拥有%E5%A4%9A%E4%B8%AA%E8%BE%83%E5%B0%8F%E7%9A%84JS%E5%92%8CCSS%E6%96%87%E4%BB%B6%E8%80%8C%E4%B8%8D%E6%98%AF%E4%B8%80%E4%B8%AA%E5%A4%A7%E6%96%87%E4%BB%B6%E3%80%82″>

#8使用缓存(插件)

许多缓存工具已经处理了步骤7中提到的问题。如果您使用WordPress,您应该看看W3 Total Cache插件

#9使用gzip压缩您的网站

压缩通过减小HTTP响应的大小来减少响应时间。 Gzipping通常将响应大小减少约70%。 一些缓存扩展/插件会自动执行,有时您需要在Web服务器级别手动设置它。 这是关于如何做的数百万本手册之一

#10添加Expires标头

浏览器使用缓存来减少HTTP请求的数量和大小,从而使网页加载速度更快。 Web服务器使用HTTP响应中的Expires标头告诉浏览器可以缓存组件的时长。 对于静态组件:通过设置远期的Expires头来实现“永不过期”策略,对于动态组件,使用适当的Cache-Control标头来帮助浏览器处理条件请求。

虽然大多数缓存系统都会处理它,但您需要对其进行调查。

#11关闭所有不需要或使用的插件

我看到很多WordPress和其他安装了大量插件/扩展的网站实际上没有使用。 其中许多需要加载不同的CSS和JavaScript文件 – 所有这些都会减慢您的网站速度。 执行插件审核并关闭所有不使用的插件。

结论

提高站点速度是%E8%BD%AC%E6%8D%A2%E4%BC%98%E5%8C%96%E7%9A%84%E4%B8%80%E9%83%A8%E5%88%86%E3%80%82″>

特色图片来源

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注