所有有趣的东西…都在你的收件箱里。在此注册。

5个简单的方法来提高网站速度

通过|博客

如果你使用谷歌的Adsense,你可能已经看到在你的仪表板网站的运行状况指示器,和一点点绿色或红色图标旁边。如果你点击该网站的健康,你会在PageSpeed Insights的,在这里你可以对网站速度分析你的博客文章结束。我第一次运行它,我得到了一个非常惨淡的成绩,但一些阅读,一些谷歌搜索,以及一些尝试后,我能够提高我的成绩相当多。现在,我在这里向你展示一些简单的方法可以提高网站的速度为您的博客,没有一个整个很多编码。这篇文章的某些部分变得有点复杂,但也有可以付诸实践,这将帮助显著一些良好的生活习惯。让我们开始吧!

如何提高网站速度| www.ssjjudo.com

1.更新你的代码,包括WordPress。

先做重要的事。确保您拥有最新版本的代码,以备进行改进和修复错误。为了避免问题,我喜欢自下而上的更新,这意味着我需要更新插件,然后是子主题,然后是框架(Genesis),然后是WordPress。我的意思是,有时候没有一个子主题需要更新,WordPress的更新是相当罕见的。但我总是从插件的底部开始,然后以我的方式向上,在有需要更新的地方更新。

2.优化图片

我写了一个单独的职位上为你的博客调整图片大小,下面是总结:

你上传的照片应该和你的内容宽度一样大。上传一张3000px的照片是没有意义的,而你的网站只显示600px,这意味着你可以使用一个更小的文件。这有助于节省服务器上的加载时间和存储空间。

不要以最高质量保存jpg。记住,高质量意味着低压缩,这意味着你的文件会更大。您可以尝试压缩质量,看看哪些适合您。作为参考,我保存了80%的质量,以减少文件大小,仍然保持一个良好的外观照片。好吧,漂亮是在展示方面,而不是摄影技巧!

另一种减少图像文件大小而不损失质量的方法是在上传到WordPress之前通过无损压缩器运行图像。当我用电脑的时候,我用使用OptiPNG。现在,在Mac上,我觉得更容易运行与无损压缩ImageOptim。我只是不停地在一个角落里打开,和拖放图片到窗口。我从10%到任何地方50%+文件大小减少,并覆盖到位的文件。然后我上传文件的更新,更小版本的媒体库。这两个程序都是免费下载,但不可否认的是,PC版本更复杂的下载(解压,解压),并使用(命令行使用)。

3.不要使用太多的插件

插件确实使很多事情变得更容易,或者增加了需要/想要的功能,但是它也增加了在页面加载时需要读取和渲染的代码。代码越多,浏览器加载它的时间就越长。我尽量坚持使用大约10个插件,大多数插件都是用于真正重要的功能,比如垃圾邮件、SEO和缓存(请参阅下一个技巧!)

4.安装可湿性粉剂超高速缓存

我知道我刚才说过要尽量减少使用插件的数量,但我认为这是很重要的一点。我也不想假装知道这个插件的确切功能,但它确实设置了浏览器缓存并缩小了javascript和CSS,这是谷歌PageInsights的建议,所以这是一件好事!

浏览器缓存意味着你页面的某些静态元素,比如你的标题或旧文章/图片,被缓存,这样它们就不必在每次加载特定页面时实时呈现。由于这些元素不经常更改,所以可以将缓存设置为一周到一年的任意时间。问题是,如果确实发生了更改,用户可能无法看到更改,除非她手动清除她的浏览器缓存。

5.尝试使用异步脚本

下面是来自PageSpeed Insights的概述:“脚本可以在后台下载,而不是强迫用户等待脚本完成下载后页面才呈现。基本上,如果你有谷歌Adsense、Pinterest和社交媒体分享插件,你是愿意等待每个插件依次加载,还是让它们都并行加载?

当您可以选择向站点添加脚本时,请查看是否有可用的异步版本的脚本。如果有,请在小部件中使用该版本,而不是同步版本。PageSpeed Insights还提供了一个流行脚本列表可以异步加载的。

额外提示:内联的小Javascript

对于小件的JavaScript,将代码复制并直接粘贴到您的网站,这样浏览器就不必去到一个外部网站的加载它所需要的。下面是从PageSpeed Insights的例子:

<脚本类型= “文本/ JavaScript的” SRC = “small.js”> 

您在一个小部件中,看到有一个javascript被调用small.js这是从某个URL调用的。复制整个javascript URL,打开一个新的浏览器窗口/标签,然后粘贴到那个URL中。如果javascript很小,比如只有几行代码,那么复制整个代码段。回到小部件,将上面的行替换为下面的行,同时按照指示粘贴javascript代码。

现在,浏览器将拥有它所需要的一切,而不需要去另一个站点来读取和呈现脚本。就像拥有一个工艺品储备,所以你不必每次都去工艺品商店,你想做什么!

不算太糟糕,不是吗?使其在上传前压缩你的照片,更新您的主题代码,偶尔清理你的插件的习惯。通过这样做,你可以保持您的网站顺利运行,并使其邀请为你的读者!

寻找关于如何提高你的博客更多的技巧?有很多善良的我博客提示页面,但您也可以从这里开始!

拍摄博客照片要记住的12件事

10个基本HTML标签的博客

创建和使用图像映射

16条评论

  1. 戴安娜

    这是一篇很不错的文章。你用什么插件吗?我有很多洙这就是为什么我的网站可能是如此之慢。希望能缩小范围,但从来不知道哪些我需要(剩余的从我的迁移),哪些我可以摆脱的。喜欢新的网站设计太 - 这么漂亮。

    回复
    • 位于台湾岛东北海面上

      嘿,戴安娜,谢谢你!我想我要写一篇关于我使用哪些插件的文章,因为这是我听到人们一直在问的另一个问题!如果你有一个你不确定的列表,你可以给我发邮件,如果我知道,我可以在我的帖子里提到!

      回复
  2. 劳伦@思考壁橱

    网站速度绝对是我需要努力的东西…所以谢谢你分享你的见解,ChiWei!这样我以后可以更深入地研究这个问题。拥抱!

    回复
  3. 米歇尔@日常生活的菜

    我的网站是慢于我愿意。我在做一些这方面,但不是全部。这里有一个问题想问你...其实我2.我的尺寸图片650宽度为我的博客。我认为这就是你的意思是通过压缩他们...我是正确的吗?虽然在一开始,我并没有施胶我的照片......我应该回去,如果我能解决这些?我不知道这是我的问题的一部分,因为我的照片是一个大的文件大小。

    回复
    • 位于台湾岛东北海面上

      你好米歇尔。这是伟大的,你的尺寸照片以适合你的博客,这是确保你不超载您的网站存储和带宽的最简单的方法。压缩我在帖子谈的是无损压缩这与我提到的那些在线工具来完成。这些工具将让您的照片尺寸,但减少文件大小更不失品质。这是非常漂亮!

      我也并不总是正确的尺寸我的照片。如果你想回去收拾东西就看你了。这可能是你的最热门的帖子有用。如果后获得大量的流量,使其更快可以吸引人们回来,并检查了更多的东西!

      回复
  4. 安

    这真是太好了。我必须承认代码的东西是可怕的!我去掉了所有可以不用的插件,把所有东西都硬编码进去。我使用一个名为tinypng.com的网站来压缩我所有的图片。这已经产生了很大的影响。我的网站健康分数上升了,但我仍然不能达到5分。我已经压缩了我的主页上的每一个图像。在我的情况下,是广告加载速度慢!就像捉迷藏一样。谷歌希望你有一个更快的网站,但广告减慢了它。 Anyway, thank you again for being so generous with your tips!

    回复
    • 位于台湾岛东北海面上

      安您好,感谢的对你真棒反馈停止!我完全听你有关的广告!我期待通过PageSpeed Insights的最后几个项目,它总是在广告和博客网络,我似乎修复不能因为他们是第三方脚本和图像。和耶消除插件!我肯定对反插件的一面位,尤其是在硬编码的东西是不是太困难,我不会太担心网站健康评分现在。煤矿坐落在一个4然后5,然后4相当随意地,和我想象中的得分不会立即您的更新后,如果谷歌机器人需要通过再次回来,爬改变。我认为,我们都只是旨在提供一个良好的阅读体验!

      回复
  5. Javeriya

    所以你的意思是说,只要你看到有可用的更新不更新插件和其他的东西?

    回复
    • 位于台湾岛东北海面上

      我不总是。我最终会更新所有的东西,从插件开始,但我通常会等一会儿——这是一种懒惰的组合,等待着看互联网上是否会爆发对最新更新的抱怨

      回复
  6. UNDI

    我用的Blogspot平台BTW。你有技巧SiteSpeed使用BlogSpot的,以增加?

    回复

提交评论

您的电子邮件地址将不会被公布。必填字段被标记*