17减少博客页面负载时间的有效提示
想象一下,访问一个每个页面都需要几秒钟加载的站点。
沮丧,不是吗?
事实是,许多博客忽视了他们的网站加载速度当他们加载到花哨的视觉元素 - 从图像转盘到交互式小部件。
这不是打动观众的方式。
他们需要的是一个加载速度快,可读性高,并提供他们想要的信息的博客Pronto。
让我们讨论一下如何给他们想要的。
博客加载速度优化的终极指南
为什么页面加载速度很重要
除了改善用户体验,从营销角度来看,快速加载速度也有许多好处。
保留更多的流量
统计数据显示,大约40%的用户会离开一个在3秒或更短时间内无法加载的网站。这个数字上升到53%移动用户。
你想知道为什么你的博客如此糟糕跳出率.
如果您继续忽略您的博客的加载速度,您将在大约一半内基本上切割您的流量潜力。
提高转化率
您知道加载时间的1秒延迟会导致转换下降7%吗?
换句话说,每次100美元的转换都要损失7美元。
它可能看起来不大,但记住,你的竞争对手的网站只有几次点击。
一旦读者继续使用更好的用户体验的不同博客,他们可能永远不会回头。
更高的搜索引擎排名
如果您不知道,在用户体验方面非常特别是谷歌这样的搜索引擎。
这就是为什么他们将加载速度作为一个重要的排名因子,而不仅仅是桌面,而且还为移动网站.
如果你不熟悉SEO的术语或搜索引擎优化,我建议你开始学习使用这篇文章.
目前,请允许我向您展示实现顶级博客博客性能的下一步:测量你博客的实际加载速度。
如何测试网站加载速度
你可能认为你的网站已经运行得足够快了,但只是像谷歌这样的工具Pagespeed见解可以证明这一点。
简单地说,它是一个性能优化工具,用于分析网站的速度,检测影响速度的问题,并提供建议列表和有用的资源。
要使用PageSpeed Insights,请输入你的博客URL并点击'分析。'
只需几秒钟就达到一流的洞察力即可才能造成魔力。
完成后,您将发现第一件事是对您网站的性能进行深入评估,包括您的速度分数,影响加载速度的因素,以及在用户输入可以注册之前延迟或延迟。
您也可以使用PageSpeed Insights移动性能切换到“移动”标签。该工具应立即向您展示一个不同的报告,这些报告反映了您在智能手机和平板电脑上的博客的性能。
找到你的速度分数了吗?
从现在开始,我建议你将它们作为衡量网站性能的主要手段。
您的目标很简单:根据需要执行尽可能多的优化,以达到速度分数尺度的“快速”结束。
让我向你展示我在说什么。
您可以在某个地方读取至少85的速度得分足够好,这实际上非常真实,因为甚至Facebook这样的大网站都有小于90。
但作为一个崭露头角的品牌,试图在你的身上做一个凹痕利基,满足于够好了“绝不是一个选择。
您应该始终拥抱将帮助您在比赛中获得帮助的机会。
通过撞击您的装载速度,提高您网站上的用户体验是其中一个机会之一。
准备采取下一步行动?然后让我们来吧。
如何减少博客加载时间
现在我们已经涵盖了“为什么“页面加载速度优化,是时候谈论”如何去做。“
如果你对网页开发略知一二,那么执行PageSpeed Insights中的建议将有助于你的性能优化活动。你应该可以在“实验室数据”一节。
当然,你在PageSpeed Insights上得到的建议取决于你网站的整体状态。然而,大多数常见的优化建议将包含在下面我列出的策略列表中。
没有进一步的ADO,这里有一个更快和有利可图的博客的经过验证的步骤:
1.删除不需要的插件
博客发布平台和内容管理系统等WordPress.通常支持随时使用的卡车插件,这使得它很容易实现各种功能。
您可以在线预订窗口小部件,创建自定义选项表单,构建令人印象深刻的着陆页面 - 没有写作单行代码整个时间。只需使用集成的搜索栏即可快速查找满足您需求的插件。
讨论方便。
但是,利用插件可以是双刃剑。
您不能只使用与您一样多的插件加载您的网站。
一个页面中的插件太多可以进食服务器资源并将您的网站减慢到爬网。
如果您从未对您的插件库进行了很多关注,您可以安装具有相似核心功能的冗余插件。
如果你要安装多个相同类型的插件,你可能会认为WordPress会警告你。
不幸的是,这不是这种情况。
只要看看我可以塞进WordPress仪表板的许多表单生成器就知道了:
好消息是,通过停用您不再需要的插件,可以很容易地解决类似插件之间的冲突。
为此,展开“插件”仪表板的菜单并转到安装插件。从那里,选择您不需要的所有插件并应用“注销”要么“删除”“批量动作”下拉菜单中的命令。
除了相似插件之间的冲突之外,某些插件——尤其是那些在当前版本的WordPress中未测试的插件——可能会导致仪表盘失控。
您可以通过在避免时安装一个插件来避免这一点“不知所措”插件。
如果您遇到更长的加载时间,崩溃或WordPress仪表板上的其他问题,请停用您安装的最后一个插件。如果问题仍然存在,那么它可能是由另一个插件引起的。
这时你可以关闭所有插件,然后一个接一个地打开它们,直到你找到罪魁祸首。一旦你这样做了,考虑寻找一个替代插件或更新到最新版本。
2.寻找更多的插件
当我们谈到插件时,让我们快速地谈一下你的插件选择。
在WordPress中,插件越少。
尽可能多地寻找可以戴多种帽子的插件,而不是为你想要实现的每个特性安装一个新的插件。
例如,而不是使用单独的插件进行联系表格,星形评级,评论和评论和登陆页面设计,只需使用类似的插件Elementor Page Builder.将所有这些功能卷成一个。
在去除CMS中多余的插件后,让我们看看另一个可能导致网站运行缓慢的因素。
3.升级您的托管计划
对于新博主来说,一美元的网站托管计划实在难以抗拒。
但是一旦你开始生成数百人,如果每月的访问者,你会理解为什么托管公司在这个价格点提供计划。
频繁放缓,停机时间,客户支持差 - 这些是挑选廉价网络托管解决方案的缺陷。这主要是因为一美元托管服务通常使用可动力的基线服务器硬件。
如果你是认真的博客写手,你的网站应该有比最便宜的主机托管计划更好的东西。——安吉特·辛格拉
您的研究和寻找由大量积极评论支持的网络托管公司,如下:
如有疑问,您可以使用像这样的工具选拔骨骼测试您正在考虑的任何主机的速度。您需要做的就是从下拉菜单中选择您的托管提供程序,选择服务器位置,然后单击“开始测试”。
理想情况下,您应该选择目标受众附近的服务器位置。
你可能也注意到,大多数主机托管公司提供多种方案,包括共享、虚拟私人服务器或VPS,并专注于此。
对于大多数博客来说,VPS托管计划应该足以处理您的网站的带宽需求。另一方面,如果您尚未成为流量,则共享托管计划也可能是可行的。
我建议你先从共享主机开始,然后升级到vps驱动的计划博客的流量增加了。
也许选择专用主机的唯一原因是,如果您的站点还以拥有数百种产品的在线商店为特色。在这种情况下,即使是VPS主机也可能没有必要的带宽容量来保持您的数字商店运行。
4.选择一个更好的主题
说到带宽,你可以通过选择一个更简单的、极简主义的主题来降低网站的带宽要求。
WordPress用户应该立即得到我在说的话。
毕竟,WordPress主题图书馆已经有几个免费的极简主义主题。即使是第三方主题设计器也有大量的轻量级主题,可以提高网站的性能。
此处的关键是寻找未使用不必要的视觉细节挖掘的主题,例如图像滑块,动画和CSS效果。
您可以通过预览主题来检查这些元素,该主题是大多数主题市场中的主题功能,包括WordPress主题目录。
《创世纪》儿童主题Studiopress是我最喜欢的WordPress主题之一。他们提供了几十个简约的,移动友好的主题,也兼容古腾堡编辑,这是WordPress 5.0及更高版本的默认内容编辑器。
更重要的是,这些主题将帮助您实现您网站的更快加载速度。
要了解有关创世纪主题及其福利的更多信息,您肯定应该检查出来这篇评论.
5.优化您的图像
并不是所有影响网站性能的视觉元素都包含在主题中。
您上传到您的网站的每张图片,都是您的网站标识,精选图像,按钮或信息图表,填充博客的带宽要求,从而影响性能。
但由于视觉内容是一个必须在每个博客中都有一定的博客,你不能停止使用图像的帖子。相反,您可以使用像图像压缩工具Kraken.io减少图像的大小而不具有任何明显的质量变化。
克拉肯.IO配有一个免费的基于云的无损压缩工具,可以在散装中优化图像。只需将图像拖放到工具中或上载压缩文件以启动压缩过程。
不要忘记将压缩模式设置为"无损的“所以最终的图像看起来不会模糊。
对于自托管的博主,您可以使用类似插件提高WordPress速度WP Smush.将所有图像压缩在您的媒体库中。只需点击“斯”从你的仪表板和“现在大部分斯马什-”开始。
WP Smush还提供了一个选项,可以在上传后自动压缩图像。要启用此功能,请打开开关'自动笑'在插件界面的“设置”部分下。
请记住,如果您是视觉内容的粉丝,图像压缩只是你应该怎么做的事情 - 就像我一样。因此,我劝你读我的详细指南图像优化和SEO。
6.禁用热链接
即使采用了无损压缩,您的图像仍然会占用服务器资源,并使您的站点减慢热门思考。
这是一个常见的做法,其中另一个站点直接链接到图像或文件 - 允许它们在自己的页面上显示这些资源。
当然,如果方法正确,在其他网站上分享你的内容是很好的。但是有了盗链,这些网站最终会使用你从网站上下载内容所支付的带宽。
这就是为什么盗链通常也被称为带宽偷窃.
您可以通过添加以下代码到您的"。htaccess”:
gzip;
gzip_disable“msie6”;
gzip_vary;
gzip_proxied任何;
gzip_comp_level 6;
gzip_buffers 16 8 k;
gzip_http_version 1.1;
Gzip_types应用程序/javascript应用程序/rss+xml应用程序/vnd。Ms-fontobject应用/x-font应用/x-font-opentype应用/x-font-otf应用/x-font-truetype应用/x-font-ttf应用/x-javascript应用/xhtml+xml应用/xml字体/opentype字体/otf字体/ttf图像/svg+xml图像/x-icon文本/css文本/javascript文本/纯文本/xml;
对于那些不知道在哪里找到他们网站的.htaccess文件的人,它可以在托管帐户的控制面板上找到。
你需要做的是寻找你的主机服务的文件管理器然后导航到你网站的根文件夹。你的。htaccess文件应该就在那里,有一个类似记事本的图标:
7.投资CDN
用图像压缩和热链接预防完成?
好的。
如果我告诉你有办法让你的图像加载更快的方法怎么办?
与A.内容交付网络或CDN,您可以利用整个代理服务器网络,以加快您的网站数据传输给用户的速度。
最佳部分是,CDN服务提供商看到他们的服务器分布在全球的关键位置。这显着降低了远处地区的延迟问题通常经验。
就像网络主机一样,你在为你的博客选择一个CDN时也需要小心。
别担心 - 我创建了一个列表WordPress博客最好的CDN服务您可以使用。
我可以亲自担保maxcdn.就成本和功能而言,它是迄今为止最好的cdn之一。
8.贬低你的代码
您的图像不是唯一可以提高您网站的带宽要求的东西。
像HTML、CSS和JavaScript这样的代码也会影响网页的大小。
修复?缩小通过删除代码中任何不必要的字符(如空白、额外的行和注释)来实现。
这些字符以任何方式都不会影响代码的函数,但它们确实会增加其文件大小。反过来,加载页面时,浏览器将需要更长时间才能下载并运行代码。
等一下 - 这是否意味着您必须通过站点上的每个代码逐个删除不必要的字符?
冷静下来。
就像用图像压缩一样,有工具可以用来自动解决此过程。
缩减代码,是一个可以在几秒钟内修剪代码的免费工具。它适用于你网站上的任何JavaScript、CSS和HTML文件。
如果您使用WordPress,替代方案是使用类似插件W3总缓存,这可以在一次下降时缩小您的代码资产。
一旦安装,点击“性能”来自主仪表板,然后单击“贬低”查看您的选项。
我建议打开以下设置,以优化您的网站的代码,以提高性能:
- HTML贬低设置
- js缩小设置
- CSS缩小设置
读这个W3总缓存教程对于所有最佳设置。
9.避免渲染拦截资源
既然我们讨论的是代码,让我们来深入研究一些更高级的东西。
如果您运行了Pagespeed Insights并被告知“消除渲染阻止资源”,您可能需要使用一些编码来使其脏方脏,以便最大化您的博客的性能。
简而言之,渲染封锁资源是妨碍载入网站核心HTML内容的代码。这意味着您页面的徽标,菜单,帖子和其他基本要素,除非加载了有问题的资源,否则您的页面不会加载。
渲染阻止资源可以是样式表,HTML导入和各种脚本。Pagespeed Insights应该为您提供这些代码的完整列表:
要处理呈现阻塞资源,最简单的步骤是将JavaScript移动到网站HTML的底部-在关闭的" "标签之前。
真的很好,几乎是可能的帖子,我也搜索了一些其他方法,但我有很多复杂的想法,如压缩代码,减少座席甚至Bla Bla Bla,但你的方法非常明显。
由于Ankit
嗨ankit,
我完全同意你的看法。登陆时间对每个博主来说都很重要。如果加载时间不好,那么没有人会访问你的博客。减少它的好建议。你写这篇文章的方式让我印象深刻。伟大的工作兄弟
嗨ankit
写得一篇很好的文章,但您错过了一些实际要求加载任何网站,如数据库优化,加载CSS和JavaScript在非阻塞模式下加载CSS和JavaScript的一些积分,并减少请求和冲洗标头的数量,加载每次需求和更多。
好吧,这似乎很有前景!但我脑子里有一些问题
1.对于那些在初期无法负担cdn的人?
2.在博客上有这样的教程吗?
对于休息,一个伟大的必须尝试教程
然后,您应该尝试使用CloudFlare,如果您想提前,那就没有免费提供了优质计划
嘿ankit,
好东西男人!对我来说,没有大脑使用CDN。如果您有限的资金,请使用CloudFlare,但如果您有钱,请参加MaxCDN。
你不能出错......根本!
写得很好,谢谢分享!
非常好的文章ankit,
但我想知道CDN和它的影响。
如果可能的话,分享更多的信息。
非常感谢你
嘿Ankit,像往常一样大的帖子。我肯定将那些关于我的WP博客。但是你能告诉我一些提示,以减少博客博客的页面加载速度吗?当我检查Google Pagespeed Insights时,它会告诉我“消除渲染阻止的JavaScript”。我该怎么办?无论如何,谢谢你的帖子。
好帖子Ankit,
我认为减少加载时间也有助于减少反弹率......
你好ankit,
非常好,信息丰富的帖子。
如果我们在谈论插件。然后,您必须使用CloudFlare来减少页面加载时间。它真的是一个很好的插件。试试看
再次感谢。
你好Ankit
这对我来说真正有效的文章信息,因为上次我的博客有更多的加载时间,但现在它更快
感谢您与我们分享
好工作
我很喜欢阅读这里的技巧,也学到了很多关于加快博客加载时间的东西。我将把这些想法用在我的博客上,看看它如何帮助改进它。由于库马尔
非常丰富的,任何建议如何使博主博客疯狂快速?谢谢
嘿,Ankit]]
不错的东西,你提到的大多数技巧在WordPress博客中最有用,而不是在谷歌博客中,所以每当你更新这篇文章的时候,添加一些技巧来减少谷歌Bogger的加载时间
谢谢你的问候:
拉吉·库马尔
Mr.Ankit !这是一个很重要的任务,我学到了一些新的东西,因此,保持下去,非常感谢。
目前谷歌排名是基于一个博客的页面加载。所以对于每个博客来说,减少页面加载时间是非常重要的。非常感谢。我使用了一个免费的自定义模板,这将影响我的博客页面加载。现在我将我的博客转换为默认模板。现在我的博客页面加载非常快。再次感谢这个详细的指南!!
感谢您分享此有价值的信息。去https://developers.google.com/speed/pagespeed/sights/并检查您的页面速度。在这里,您还可以检测页面加载速度下的关键错误。您还可以下载报告。
感谢Ashis的增值。
是的,我们可以在Page Speed Insights工具上测试我们的网站,很容易检查我们网站上需要改进的地方。
嗨ankit,
你在一篇文章中结合了所有有效的方法来提高wordpress博客或网站的速度。我了解了自动优化。我正在我的服务器上安装它,然后看看它做什么。
谢谢
尼克尔
伟大的帖子Ankit,确实需要博客。一个博客应该快速加载,以获得更好的排名和取悦观众。你已经以一种精确的方式解释了所有基本的东西,很好。
是的,我使用有限数量的插件,并且遵循除CDN之外的大多数快速加载提示。我会试着得到它。谢谢你写作有用的内容兄弟,继续做到这一点。
您好先生,我的页面加载时间为3.06s。我尝试了autoptimize插件,但结果我的没有帖子正在打开。卸载后,网站重新开始。你觉得我做错了什么?
谢谢你。
嗨ankit,
我在facebook上创建了这篇文章,由阿迪尔·萨米分享!
真的是博主的有用文章,这绝对有助于我们减少博客加载时间。
是的,太多的广告可以增加加载时间我之前没有意识到这一点。
无论如何,感谢你与我们分享这篇信息丰富的文章。
祝你愉快。
关于提高WP网站速度的好文章。5年前我用过MAXcdn。我不记得有那么贵。90美元/年。过去是30英镑/年。看起来价格会下降,因为存储越来越便宜。
使用cloudflair现在
@ANKIT
伟大的后ankit。我喜欢你特别描述的方式:延迟1秒的装载时间可以花费250万美元的年度损失。我将使用您的提示来减少博客页面时间。
问候
Priyanka.
良好的提示,提高现场性能和减少下载时间,我会尝试博客
嗨SIR我的页面加载时间为3.06s。我尝试了autoptimize插件,但结果,我没有打开帖子。在卸载它之后,网站重新开始。你觉得我做错了什么?
嗨ankit,
读得真好!同意你的观点,网站速度起着重要的作用。插件和脚本应该尽可能地减少,以保持网站更快。谢谢你!
谢谢,为此信息。
我的问题是......是否有任何插件可用于在博主上自动减少图像大小?
非常感谢信息丰富的帖子。我注意到我的网站加载速度的显着提升了使用CDN以及像W3总缓存一样的缓存插件。此外,我确保停用并删除所有未使用的插件和主题。感谢您的令人敬畏的阅读,这块内容非常有用!
嗨ankit,
我完全同意你的看法。登陆时间对每个博主来说都很重要。如果加载时间不好,那么没有人会访问你的博客。减少它的好提示
你好Ankit,
很好,非常有用的帖子。博客加载时间速度是SEO和用户参与度的一个重要因素。如果加载时间超过3秒,用户就会离开站点。谷歌也喜欢加载速度好的网站。选择一个好的网站托管公司是非常必要的,以建立一个快速加载博客。使用过多的插件和javascript肯定会降低网站的性能。谢谢你在这里分享这些很棒的建议。
祝你有美好的一天
Vishwajeet
你好Ankit,
Google页面符号的博客的分数非常低。希望这些提示将为我工作。
谢谢。
嗨ankit,
我总是想知道为什么你的博客加载得比其他人快,并意识到你正在使用CDN。
我刚从上面的链接购买MAXCDN。
谢谢分享!
嘿ankit,
最近怎么样?
在一点,我的博客负荷速度是一个可怕的蜗牛。
我不得不做几件事,你刚刚在这里提到过他们。
我从Hostgator的共享托管托管到WPX托管,让它为图像施用,将我的主题切换到茁壮成长并移动到CloudFlare CDN。这些和更多的调整根据pingdom将我的博客速度降低到2s以下,这很棒
感谢发布乐于助人的帖子
这是一篇伟大的文章,ankit。
博客装载速度是SEO最重要的因素之一。
一个问题. .你最喜欢的降低WordPress页面速度的插件是什么?
我正在使用WP火箭,我的加载时间也少,但面临着大量图像的网站上的问题。如何加快那些?
图像已经优化。
好的文章,Ankit !
在我看来,页面速度加载时间是巨大的。一个加载缓慢的页面会损害任何人的SEO。事实上,谷歌已经出来了&说页面速度加载时间是他们现在的排名因素之一。
感谢你的文章,现在每个人都知道如何提高WordPress的速度了。
嘿ankit,
我是你博客的巨大粉丝,因为我对博客或Wordpress一无所知。通过阅读您的提示和技巧,我每天都会优化我的博客。
我已经做了一些你在这里提到的事情,现在我的博客加载不到3秒。非常感谢你提供的这些很棒的建议,并且非常清楚地解释了一切。
嗨ankit,
正如我们所知道的网站加载时间都非常重要。我肯定会遇到一些问题,我肯定会跟随你的帖子并对我的博客实施。
感谢这篇精彩的文章
伊斯梅尔Memon
嘿,Ankit,所有提到的很棒的建议。
我认为,当提到增加加载时间,网络托管扮演着关键角色,但大多数人没有意识到有一个更好的托管的重要性,经常使用便宜或免费的托管网站。
是的,共享主机网站是负担得起的,但它们不能提供更高的速度,因为许多网站共享相同的资源,所以有专门的主机服务器,如WPX托管可以极大地帮助你提高更好的加载时间。即使我也在blogger Passion使用相同的主机,它确实是一个一流的主机服务。
正如您所说,优化图像可能真的有用。在将其上传到WP仪表板之后,它始终是使用各种在线工具在您上传到仪表板之前使用各种在线工具缩小图像尺寸,而不是优化。这样你甚至不必使用WP Smul IT插件。
我真的很喜欢你的第11条技巧加快浏览量的技巧。大多数人不会谈论这个技巧(只有少数专业的boggers知道并执行这个技巧)。当在顶部页面工作时,你可以最小化http或浏览器请求,并使用延迟加载等工具,只有当你的读者停留在图像上时才打开图像。这样你就可以在很大程度上提高它们的加载时间。
继续分享更多,并保持伟大的工作Ankit。
你好,Ankit !
我在自定义域使用博主。这些天,我找不到关于博客的帖子。除了提供关于WordPress的提示,请包含最少数量的关于博客的文章。
谢谢。
我喜欢你的一个建议,那就是从头部删除javascript !这真的帮助我提高了我的博客加载时间。衷心的感谢!
这是一篇言简意赅的文章。在今天的搜索引擎优化中,网站速度是获得更好排名的关键之一。不仅如此,用户不会给一个花费更多时间的网站第二次机会,因为总有更好的选择。非常感谢分享这个有用的指南。
这篇文章信息量很大。我收到了一些来自我尊敬的博客读者的消息,他们抱怨我的网站负载过重,加载速度太慢。读了这篇文章后,我发现我的网站上有很多东西需要实现。谢谢你的向导。
嘿ankit,
一个伟大的信息文章。博客加载时间是页首SEO的主要因素之一。在这里,我想添加一个关于CDN-许多博主无法赚取足够昂贵的托管和良好CDN的博客。对于那些不能承担CDN和昂贵的托管的人,他们可以尝试使用CloudFlare与他们的旧托管。CloudFlare是有史以来最好的免费CDN之一。我使用它的免费版,它可以提高三次网站的速度。试试看…
感谢你的宝贵指导。
嗨ankit,
非常好的深入文章。我想在这张单子上再加几件事。
1.AMP插件在移动设备上更好的速度。它也可以帮助搜索引擎优化。
2.图像延迟加载插件。我们可以在页面中使用,因此如果我们在页面上有更多图像,它可以加载到页面的该部分时。
加载时间或速度时间对任何网站最重要,作为结果排名基于它。根据研究谷歌可能惩罚如果你缺少页面加载时间或加载时间变慢。这篇文章帮助我减少了加载博客网站的速度,
谢谢!请继续分享此类文章。
哇。压倒性的信息量。我相信如果你的托管不好,无论你做什么,你都无法得到满足的结果。所以每个人都需要投资良好的托管。
非常感谢您,为此值得尊重。