Kinsta-博客中文翻译-五-

Kinsta 博客中文翻译(五)

原文:Kinsta Blog

协议:CC BY-NC-SA 4.0

修复“无法加载资源:net::ERR_BLOCKED_BY_CLIENT”错误的 4 种方法

原文:https://kinsta.com/blog/err_blocked_by_client/

大多数人都习惯了偶尔的电脑故障。然而,如果你面对一个“ERR_BLOCKED_BY_CLIENT”错误,你可能不知道下一步该怎么做。几个不同的问题可能导致此问题,使故障排除成为一项挑战。

幸运的是,有一种方法可以避免混淆。通过了解此错误的所有可能的解决方案,您可以以最小的摩擦快速解决问题。

在本文中,我们将解释为什么您可能会看到“ERR_BLOCKED_BY_CLIENT”错误。然后我们将讨论四种方法来帮助你解决这个问题。

让我们开始吧!

查看我们的指南修复“加载资源失败:net::ERR_BLOCKED_BY_CLIENT”错误

为什么您可能会看到“加载资源失败”错误

虽然消息“ERR_BLOCKED_BY_CLIENT”很常见,但这可能不是您看到的确切文本:

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

Red text on a pink background, reading "Failed to load resource: net::ERR_BLOCKED_BY_CLIENT".

出现“加载资源失败:net::ERR_BLOCKED_BY_CLIENT”错误。

您可能会看到这样的变化:

  • "无法加载资源:net::ERR_BLOCKED_BY_CLIENT "
  • " chrome 无法加载资源:net::ERR_BLOCKED_BY_CLIENT "

或者,该消息可以是特定于应用程序或插件的,例如:

  • " woocommerce 无法加载资源:net::ERR_BLOCKED_BY_CLIENT "

你也可能在热门网站上看到这个错误,比如 YouTube脸书。不管错误通知的措辞如何,效果通常是一样的:您无法查看页面的一部分。

不可否认,面对这种情况会令人沮丧。然而,错误消息可以提示您原因。因此,您可能能够比其他问题更快地解决类似这样的错误,这些问题会导致内容不能正确显示。

有时,“加载资源失败”错误是由于缺少服务器文件造成的。一个 URL 输入错误也可能导致它。然而,更常见的是,浏览器扩展阻止了一个请求

广告拦截器和其他内容版主可能会干扰网页的正常部分。这些工具的工作原理是在网站上搜索特定的单词和模式。任何相似之处都可能意味着你的文件会被列入黑名单。

幸运的是,有一些方法可以防止这种情况。

如何修复“加载资源失败:net::ERR_BLOCKED_BY_CLIENT”错误

如果你遇到了这个错误,不要担心!下面有四种方法可以解决这个问题。

我们建议您依次完成每个解决方案。如果一个没有解决问题,您可以尝试下一个。

1.将浏览器重置为默认设置

先说一个常见问题:你的浏览器。有些浏览器的设置会干扰特定资源的显示。因此,您可能希望从重置其中的几个选项开始。请注意,该方法还会禁用扩展,例如可能导致问题的广告拦截器。

谷歌 Chrome 的一个常见问题是缓存。要重置你的 Chrome 缓存,打开浏览器。通过在地址栏中输入“chrome://settings/”导航到您的 Chrome 设置。然后向下滚动找到标题为隐私与安全的部分,选择清除浏览数据:

The Chrome privacy and security settings, with the option to clear the cache in order to fix the "Failed to Load Resource: Net::Err_Blocked_by_Client” error.

Chrome 浏览器的“隐私和安全”设置。

浏览器会带你到一个有几个选项的屏幕。确保时间范围为所有时间,并选择所有三个选项。准备好之后,点击清除数据:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Chrome's cache clearing process, with all three elements checked and the time period set to

Chrome 的缓存清理过程,勾选所有选项,并将时间范围设置为“所有时间”

清除缓存后,这可能会重置产生错误的任何选项。检查有问题的页面,查看资源现在是否正确显示。如果没有,你也可以尝试重置 Chrome 标志。

Chrome 标志是浏览器的实验性功能——默认情况下大多数是关闭的。但是,您可能仍然会使用一些,因为它们可以扩展功能。

要重置您的标志,请在地址栏中输入“chrome://flags/”。您可以逐个禁用它们,或者只需点击右上角的重置所有:

The homepage for Google Flags.

首页为谷歌标志。

你也可以按照类似的步骤清除所有主流浏览器上的缓存。完成该过程后,重新启动浏览器并尝试再次查看资源。如果它仍然没有出现,您可以继续下面的方法。
T3】

2.重命名任何有问题的文件

解决这个问题的另一个方法是直接找到问题的根源。如果一个审核扩展阻止了你的内容,可能是因为它的文件名。因此,您会想要尝试用不同的名称重新上传您的资产。

用户不太可能停用他们的广告拦截器,所以这通常是解决问题的直接方法。从寻找任何包含广告相关术语的文件名开始。它可以由“广告”、“广告”或“促销”等词组成

如果你找到这样的标题,考虑用后相关的关键字来代替它们。例如,一篇分析新软件的文章应该在图片标题中包含该软件的名称。除了帮助防止不正确的阻止,这也可以提高你的网页排名

3.使用广告拦截器调试您的页面

第三方工具可能是“ERR_BLOCKED_BY_CLIENT”错误的原因,但也可能是解决方案。许多用户选择利用提高生产力的 Chrome 扩展,它们通常带有有用的调试功能。

需要一个给你带来竞争优势的托管解决方案吗?Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

在本演练中,我们将使用 Adblock 加,因为这是一个流行的选项。当我们使用这个工具通过 Chrome 演示这些步骤时,请注意,你也可以将它用于带有 Firefox 扩展的 Mozilla Firefox 和其他主流浏览器。

首先,导航到您想要调试的页面。接下来,右键单击页面上的任意位置,并选择检查。然后点击右上角的 AdBlock 选项卡:

A console filled with colorful code and the tab labeled "AdBlock" highlighted in the upper-right corner.

一个充满彩色代码的控制台,高亮显示“AdBlock”标签。

您将被带到一个关注 AdBlock 运营的检查页面。您可以向下滚动控制台以查看“加载资源失败”错误的所有实例:

The Google Chrome Console, set to the AdBlock Plus tab and showing several red-colored error messages.

谷歌 Chrome 控制台的 AdBlock Plus 标签显示几条错误信息。

从这里,您可以检查每个错误,看看是否有一个模式。在上面的例子中,许多“ERR_BLOCKED_BY_CLIENT”消息是由 Google 广告引起的。

一旦你看到一个模式,你就能决定如何避开一个障碍。例如,您可以记下这些术语,并在将来防止它们。

您可以使用这些知识来重命名或重新发布您的资源。对于与广告不密切相关的文件名来说,这一点很重要。

4.允许列出网站(如果您是访问者)

最后,你可能并不拥有你无法访问的网站。如果是这种情况,您可以“允许列出”有问题的站点,以确保所有内容都能正确显示。

为此,请导航至您的 Adblock Plus 设置页面。从左侧菜单中选择定制,向下滚动找到停止屏蔽广告选项:

An image of a page titled "stop blocking ads", with a field to enter a website.

一个标题为“停止屏蔽广告”的页面图像,带有一个输入网站的字段。

在这里,您可以在框中输入您想要访问的网站名称,然后点击确定!将其添加到允许列表中。但是,请考虑这样做会关闭该页面或网站的所有广告拦截。

如果您在另一个网站上发现“ERR_BLOCKED_BY_CLIENT”错误,您可能需要联系网站所有者并让他们知道。你可能不是唯一一个看到这条消息的人,以上任何一个动作都只会为你解决问题。向站点发出警报有助于解决根本原因。

If you're seeing this issue, there are 4 ways to solve it...and they're all covered in this guide ⬇️Click to Tweet

摘要

大多数错误信息都是不受欢迎的。它们表明出现了问题,通常会中断您的浏览。幸运的是,您可以通过调整一些设置来解决“加载资源失败:net:: ERR_BLOCKED_BY_CLIENT”错误。

在本文中,您了解了解决这个紧迫的浏览问题的四种方法:

  1. 将浏览器选项重置为默认设置。
  2. 重命名标题中包含广告相关术语的文件。
  3. 使用广告拦截器,如 Adblock Plus 调试页面。
  4. 允许列出您想要访问的网站。

您对“ERR_BLOCKED_BY_CLIENT”错误的故障排除有任何疑问吗?请在下面的评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何修复 Chrome 中的 ERR _ CONNECTION _ rejected 错误(9 个技巧)

原文:https://kinsta.com/blog/err_connection_refused/

在一个沉迷于即时满足的数字世界中,当你浏览时,你最不想经历的事情之一就是错误信息,比如ERR _ CONNECTION _ rejected。这可能会令人非常沮丧,甚至可能是一些严重问题已经出现的迹象。

对于普通用户来说,真正令人困惑的错误是有时很难区分你的 WordPress 站点的问题和其他问题,比如网络或浏览器问题。

“ERR _ CONNECTION _ rejected”消息是一个特别常见的错误消息,通常与你在 Chrome 中看到的 WordPress 站点无关。幸运的是,找出这个问题的原因相对容易。在本帖中,我们将解释该消息的含义以及如何修复它。通常,这包括以下步骤:

  1. 检查页面本身是否已关闭。
  2. 重启路由器。
  3. 清除浏览器的缓存。
  4. 评估您的代理设置,并根据需要进行调整。
  5. 暂时禁用防病毒和防火墙软件。
  6. 刷新您的 DNS 缓存。
  7. 更改您的 DNS 地址。
  8. 禁用任何过时的 Chrome 扩展。
  9. 重新安装你的 Chrome 浏览器。

但是首先,让我们更深入地了解一下这个错误实际上意味着什么。

更喜欢看视频版

什么是 ERR _ CONNECTION _ rejected 错误?

不幸的是,在使用互联网的过程中,经常会遇到错误。有上百种可能,从白屏死经典 404 错误ERR_CONNECTION_TIMED_OUT 错误或者 ERR_CACHE_MISS 。相信我们,我们的支持团队每天都会处理各种各样的 WordPress 错误。所以这对我们来说并不新鲜。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

ERR _ CONNECTION _ rejected 错误有哪些不同的变体?

ERR _ CONNECTION _ rejected 错误因浏览器而异。以下是此错误可能表现形式的一些示例:

  • 无法到达该站点
  • 无法连接
  • 嗯…打不到这一页

谷歌浏览器(无法访问该网站)

在谷歌 Chrome 中,用户可能也熟悉ERR _ CONNECTION _ rejected页面。您将看到一条消息,内容如下:

无法访问该网站或该网页不可用。

ERR_CONNECTION_REFUSED error in Google Chrome

ERR_CONNECTION_REFUSED error in Google Chrome

当您使用 Google Chrome 访问一个网站并遇到此消息时,这意味着您的连接尝试被拒绝。这个错误代码也出现在其他浏览器中,尽管形式不同。

这里也可能出现的类似消息是DNS _ PROBE _ FINISHED _ NX domain错误,这是一个 DNS 错误,表示请求的域名不存在。

Mozilla Firefox(无法连接错误)

在 Mozilla Firefox 中,它会简单地显示为无法连接

Firefox 无法与 domain.com 的服务器建立连接。

Unable to connect error in Mozilla Firefox

Unable to connect Error in Mozilla Firefox

Microsoft Edge(Hmmm…无法到达此页面错误)

在微软 Edge 中,会简单的显示为Hmmm……无法到达此页面。这不是很有帮助。

确保你得到了正确的网址:domain.com。

Microsoft Edge Hmmm...can't reach this page Error

Microsoft Edge Hmmm…can’t reach this page Error

ERR _ CONNECTION _ rejected 错误有时是由服务器端问题引起的,而不是您个人尝试连接的问题。这通常没什么大不了的,可能只是不正确的防火墙或服务器设置的结果。然而,这也可能是更重要的事情已经发生的迹象——例如恶意软件攻击,或者意外的停机。不可靠的互联网连接也是原因之一。

与大多数错误消息一样,ERR _ CONNECTION _ rejected 让您知道发生了错误,但没有告诉您发生错误的原因。这意味着由您来寻找并解决根本问题(如果可能的话)。

如何修复 Chrome 中的 ERR _ CONNECTION _ rejected 错误(9 种可能的解决方案)

尽管潜在原因的范围会使故障排除变得棘手,但是有可能修复 ERR _ CONNECTION _ rejected 错误。让我们从最有可能提供答案的步骤开始,来看看你可以采取的九个步骤。

1.检查网站的状态

你的第一个目标应该是检查你试图访问的网站的状态。正如我们已经提到的,ERR _ CONNECTION _ rejected 错误有时可能是由网站的服务器引起的,而不是您自己的互联网连接。

检查情况是否如此的一个简单方法是访问另一个网页。如果错误信息再次出现,问题很可能出在您的连接上。但是,如果第二个页面加载正确,那么第一个站点可能有问题。

你也可以对所有人使用 Down 或者只对我使用:

Down for Everyone or Just Me?

Down for Everyone or Just Me?

输入非功能页面的地址,点击还是就我?。然后,该站点将评估该页面是离线(关闭)还是在线(打开)。不幸的是,当一个页面关闭时,你唯一能做的就是等待它被修复。然而,如果页面已经打开,但仍然无法加载,那么就该做进一步的故障诊断了。

2.重启路由器

作为一种屡试不爽的解决互联网相关问题的方法,你的下一步将是尝试“关机再开机”。重启家庭或办公室路由器并不能保证 100%成功。然而,这个过程只需要几分钟,所以当您处理潜在的连接问题时,值得一试。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

为此,请断开路由器的电源。然后,您需要等待大约 30 秒,然后再插上电源。一旦路由器再次启动,尝试访问返回错误的页面。如果装好了,你就可以走了。如果不是,很可能有其他原因在起作用。

3.清除浏览器的缓存

像任何优秀的互联网浏览器一样,Chrome 会将信息存储在你电脑或设备的缓存中。这包括您的浏览历史、保存的登录数据和 cookies,所有这些都会被记录下来,以便在下次访问时更快地加载相关页面。

尽管缓存很有用,但当它们过时时会导致许多问题。这是因为页面的缓存版本可能不再匹配当前的实时版本。幸运的是,这个问题很容易通过清空缓存来解决。

但是在你这样做之前,你可以通过首先以匿名模式打开你的浏览器,很容易地检查是否是浏览器缓存问题。或者您可以尝试不同的浏览器。如果您仍然看到错误,那么您将需要继续清除您的缓存。

为此,首先打开 Chrome 的主菜单(在浏览器窗口的右上角)。从那里,选择更多工具:然后你可以点击清除浏览器数据

Chrome clear browsing data

Chrome clear browsing data

在出现的页面上,您需要确保选择了所有列出的文件类别。否则,Chrome 将无法清空整个缓存。相反,它只会删除最近的条目,这不会产生预期的效果:

Clear browsing data

Clear browsing data

完成此过程的另一种方法是在地址栏中输入以下 URL:

chrome://settings/clearBrowserData

出现的屏幕应该允许您访问我们上面概述的相同选项。以下是一些其他有用的清除缓存的链接。

4.评估您的代理设置,并根据需要进行调整

随着安全威胁不断增加,难怪许多人现在使用单独的解决方案来保护他们的敏感数据。一种流行的方法是使用代理服务器。

代理可以让你在不同的 IP 地址下上网,并作为你的浏览器和你访问的网站之间的中介。除了保护你的 IP 地址私有之外,它还可以帮助过滤缓存数据和服务器通信。

就像缓存一样,代理服务器可能是有用的,但它也可能导致 ERR _ CONNECTION _ rejected 消息。例如,web 服务器可能会拒绝连接到代理服务器的 IP 地址,然后拒绝实际的连接。

也有可能代理处于离线状态,或者配置不正确。简而言之,如果出现了问题中的错误信息,就有必要检查一下您的代理设置。

Chrome 实际上有自己的代理部分,可以使这一步成为一个特别简单的过程。毕竟,您不需要花费任何时间在浏览器中搜索正确的工具。

首先,进入 Chrome 浏览器的设置菜单。这将打开完整的选项菜单。在系统部分下(你需要点击底部的高级才能看到这个),你应该会找到一个名为开放代理设置的条目。通过选择它,您将进入相应的菜单:

Open Proxy Settings in Chrome

Open Proxy Settings in Chrome

下一步取决于您当前使用的系统。Windows 用户需要点击局域网设置,取消使用局域网代理服务器选项。如果你是 Mac 用户,你应该会立即在相关菜单中找到你自己。然后,您必须取消选中所有可选的代理协议,并检查 ERR _ CONNECTION _ rejected 消息是否已经解决。

Uncheck proxies on Mac

Uncheck proxies on Mac

5.暂时禁用防火墙和防病毒软件

防火墙和防病毒软件旨在保护用户及其系统。他们定期扫描您的设备,并自动阻止任何可疑的活动。但是,您可能会注意到这里反复出现的主题,因为(与缓存和代理服务器非常相似)这种类型的高级安全性有时会导致连接问题。

这是因为防火墙经常会阻止他们不需要的页面,或者拒绝完全安全的内容。要检查您是否是这种情况,请尝试禁用防火墙和防病毒程序。当然,只有在你确定你要访问的网站是安全的情况下,才建议这样做。

此外,您应该只是暂时禁用这类软件。在检查完错误是否已经解决之后,重新打开它,这样就不会容易受到攻击。如果您因为防火墙或防病毒软件而反复遇到错误,您可能需要考虑更换您正在使用的软件。

6.清除您的 DNS 缓存

作为早期故障诊断步骤的某种扩展,您的下一个任务将是清除您的 DNS 缓存。尽管大多数人都知道他们的浏览器会创建缓存,但并不是很多人知道他们的操作系统也做同样的事情。

例如,您的 DNS 缓存包含您用浏览器访问过的页面的所有临时条目。这些条目存储与您访问过的网页的域名和地址相关的关键信息。

凭借专业知识和快速反馈,我们的支持团队绝不会让任何错误阻碍您的网站及其访问者。免费试用 kin sta

此功能的目的类似于其他类型的缓存。它加快了加载过程,因为它消除了重复联系网站的 DNS 服务器的需要。从长远来看,这会节省你的时间。但是,您可能偶尔会看到一些短期问题。

如果存储的条目不再匹配它所引用的网站的当前版本,像 ERR _ CONNECTION _ rejected 消息这样的技术错误并不罕见。幸运的是,清除您的 DNS 缓存是一个快速简单的解决方案。

同样,如何做到这一点将取决于您的操作系统。

Windows 操作系统

按 Windows 键启动开始菜单,然后搜索“CMD”这应该会返回命令提示符。

command prompt windows

Command Prompt in Windows

在命令提示符下运行以下命令:

ipconfig /flushdns

ipconfig flush dns

ipconfig /flushdns

然后,您将看到一条确认消息,表明它已成功刷新 DNS 解析器缓存。

flushed dns resolver cache

Flushed DNS resolver cache

就本文的目的而言,当你使用 Mac 时,我们将带你经历这个过程——尽管如果你是 Windows 迷的话,你可以在网上找到许多有用的资源。

苹果个人计算机

在 Mac 上,您需要执行以下操作:

点击工具栏中的“转到”,然后点击“实用程序”(Shift-Command-U)

Mac utilities

Mac utilities

打开终端。

Mac terminal

Mac terminal

运行以下命令。为此,您需要管理员权限。

sudo killall -HUP mDNSResponder && echo macOS DNS Cache Reset

Clear DNS cache Mac

Clear DNS cache Mac

完成后,再次尝试访问问题网站。希望,如果你遵循了我们所有的建议,它现在应该起作用了。如果不是,您的 DNS 可能需要更多的关注。

7.更改您的 DNS 地址

正如我们上面讨论的,过时的 DNS 缓存条目是诸如 ERR _ CONNECTION _ rejected 消息等问题的潜在来源。然而,DNS 地址本身也可能是这类问题的原因。这是因为它经常会过载,甚至完全脱机。

在大多数情况下,您的 DNS 服务器地址是自动从您的互联网提供商处获得的。但是,如果需要,您也可以更改它。如何实现这一点将再次取决于您使用的操作系统。

我们来探讨一下 Mac 用户如何完成这个过程。首先,你需要打开系统偏好设置。在出现的屏幕上,选择标有网络的选项。然后你需要点击高级:

Mac network advanced

Mac network advanced

从那里,选择屏幕顶部的 DNS 选项。要添加新的 DNS 服务器,点击 + 按钮。要编辑现有的 DNS 服务器,双击您要调整的 DNS IP 地址:

Network DNS

Network DNS

您可以尝试将这些临时更改为公共 DNS 服务器,如 Google 或 Cloudflare。

  • 一些人更愿意长期使用谷歌的公共域名系统(8.8.8.8 和 8.8.4.4),因为它们有时更可靠。
  • Cloudflare 还为提供了安全且极速的免费 DNS(【1.1.1.1】T2 和 1.0.0.1)。

提示:如果你已经在使用一个免费的 DNS 服务器并遇到问题,移除它并默认回到你的 ISP 的 DNS 服务器有时也能解决问题。Google 和 Cloudflare 并不是 100%的时候都是完美的,我们已经注意到切换回来解决了这个问题。

然后你可以再次尝试访问该网站——祈祷好运吧。

8.禁用任何 Chrome 扩展

不可否认,安装扩展通常有助于更全面的谷歌 Chrome 体验。提供的许多扩展可以添加关键特性,甚至有助于自动化复杂的过程。

然而,谷歌 Chrome 的大量扩展并不是由浏览器开发者开发的。相反,它们通常是由第三方创建的。这可能意味着无法真正保证它们会如您所愿地工作,或者它们会随着时间的推移而正确更新。

不正确或过时的扩展可能会导致许多问题,包括 ERR _ CONNECTION _ rejected 错误消息。因此,定期审核附加到浏览器的扩展非常重要。

为此,首先在你的 Chrome 浏览器中打开扩展菜单。然后,您可以开始依次评估您安装的每个扩展。从质疑你是否真的需要每一个开始。如果不再需要扩展,您可以简单地删除它。

接下来,找出您想要保留的每个扩展名上次更新的时间。理想情况下,它应该在最近三个月内更新。任何比这更长的时间都可能是扩展被开发人员忽略的迹象。如果可能的话,你会想要删除那些扩展并用更新的替换来替换它们。

当然,新的(和完全更新的)扩展有时仍然会引起问题。如果您怀疑是这种情况,请从禁用所有附加的扩展开始。如果你尝试访问的网站在这之后加载了,你会知道至少有一个是错误的。然后,您可以一次重新激活一个扩展,直到您找到有问题的软件。

9.重装 Chrome 浏览器

和其他应用一样,Chrome 本身也不可能完全没有错误。您的浏览器安装可能包含各种问题,特别是如果它有一段时间没有更新。更重要的是,你的浏览器和操作系统之间的问题出奇的普遍。

因此,有时候唯一的解决办法就是彻底重装 Chrome。您可以通过从设备中删除当前安装来实现这一点。然后你可以通过访问官方 Chrome 网站下载最新版本的浏览器。

如果这些解决方案都不起作用,该怎么办

如果我们向您介绍的解决方案都没有修复 ERR _ CONNECTION _ rejected 消息,这通常表明服务器端(换句话说,网站本身)出现了更严重的问题。

不幸的是,在这种情况下,你唯一能做的就是耐心等待。很可能网站的所有者正在努力解决任何问题,不久之后网站将恢复正常运营。

凭借专业知识和快速反馈,我们的支持团队绝不会让任何错误阻碍您的网站及其访问者。免费试用 kin sta

如果访问网站是一件紧急的事情,你可以尝试直接联系它的所有者。有很多方法可以做到这一点,尽管社交媒体和电子邮件特别有效,而且不太可能受到任何网站宕机的影响。

解释你面临的问题,并提及你已经尝试了几种解决方案,但都无效。希望网站背后的团队能给你回复,讨论最佳的行动方案。如果你碰巧让他们意识到一个他们不知道的阻止访问他们网站的问题,你甚至可以帮他们一个忙。

如果你是 Kinsta 的客户,并且是你自己的 WordPress 站点有问题,请随时联系我们的支持团队。我们是来全天候提供帮助的。
浏览器错误从来都不是好玩的。😩这里有一些关于如何修复顽固的 ERR _ CONNECTION _ rejected 错误的提示。 点击推文

摘要

尽管连接错误令人沮丧不已,但重要的是要记住它们通常是可以修复的。你的第一个目标应该是检查问题是否出在网页本身。另一方面,如果问题出在你自己的连接上,你需要做一点工作来恢复正常运行。

要尝试解决 ERR _ CONNECTION _ rejected 消息,您可以:

  1. 检查页面本身是否已关闭。
  2. 重启路由器。
  3. 清除浏览器的缓存。
  4. 评估您的代理设置,并根据需要进行调整。
  5. 暂时禁用防病毒和防火墙软件。
  6. 刷新您的 DNS 缓存。
  7. 更改您的 DNS 地址。
  8. 禁用任何过时的 Chrome 扩展。
  9. 重新安装你的 Chrome 浏览器。

对于这个错误消息,您还有什么问题吗,或者有没有其他常见的问题需要我们探讨?请在下面的评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何修复 ERR_CONNECTION_TIMED_OUT 错误(逐步)

原文:https://kinsta.com/blog/err_connection_timed_out/

您是否在浏览器中看到“ERR_CONNECTION_TIMED_OUT”错误?不是一个非常有用的错误消息,是吗?如果你是 WordPress 的日常用户,那么知道这些可能阻止你访问你的网站的常见错误总是好的。

在今天的帖子中,我们将深入探讨“ERR_CONNECTION_TIMED_OUT”错误,并研究您可能会看到此错误的原因以及如何快速修复它。简单地说,这表明系统不可用,给定的连接时间已过,现在请求已超时。但这实际上意味着什么呢?

让我们来了解一下!

查看我们的视频指南来修复 ERR_CONNECTION_TIMED_OUT 错误

什么是 ERR_CONNECTION_TIMED_OUT 错误?

ERR_CONNECTION_TIMED_OUT 错误通常意味着您的本地网络连接有问题。然而,情况并非总是如此。

根据 WordPress 支持文档,当你的网站试图做超过你的服务器可以管理的事情时,会出现连接超时错误。这在共享主机上尤其常见,你的内存限制受到限制。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

当你访问一个网站,它不加载,你的浏览器将尝试大约 30 秒左右,直到它终止连接。之后,它将返回一个“ERR_CONNECTION_TIMED_OUT”错误,表明存在通信问题。在谷歌浏览器中,你可能会看到“这个网站无法访问。Domain.com 花了太长时间才做出回应。”

ERR_CONNECTION_TIMED_OUT error in Chrome

ERR_CONNECTION_TIMED_OUT error in Chrome

由于不同的 web 浏览器、操作系统和服务器,错误会以多种不同的方式出现。但大多数都有相同或相似的意思。“ERR_NETWORK_CHANGED”和“ERR _ CONNECTION _ rejected”是两个密切相关的错误,通常可以通过以下相同的故障诊断步骤来解决。

另一个出现在“此站点无法访问”下的常见错误代码是DNS _ PROBE _ FINISHED _ NX domain,这是一个 DNS 错误,本质上意味着所请求的域名不存在。

下面是一些错误在不同浏览器中如何出现的例子。

Mozilla Firefox

在 Mozilla Firefox 中,错误会显示为“连接超时”domain.com 的服务器反应太慢了。

ERR_CONNECTION_TIMED_OUT error in Firefox

ERR_CONNECTION_TIMED_OUT error in Firefox

微软 Edge

在 Microsoft Edge 中,错误会显示为“Hmmm…无法到达此页面。Domain.com 花了太长时间才做出回应。”但是,在 Edge 中,它也包含“ERR_CONNECTION_TIMED_OUT”错误。

ERR_CONNECTION_TIMED_OUT error in Edge

ERR_CONNECTION_TIMED_OUT error in Edge

旅行队

在 Safari 中,错误会显示为“Safari 无法打开页面。Safari 无法打开页面“domain.com ”,因为此页面所在的服务器没有响应。”

ERR_CONNECTION_TIMED_OUT error in Safari

ERR_CONNECTION_TIMED_OUT error in Safari

我们将有效网站管理的知识规模化,并将其转化为电子书和视频课程。点击这里下载 2020 年管理 40 多个 WordPress 网站指南!

如何修复错误连接超时错误

如果你在你的 WordPress 网站上看到这个错误,你应该从哪里开始排除故障?如果没有大量的上下文,有时甚至从哪里开始都会令人沮丧和不知所措。通常情况下,这些问题要么是客户端问题(你的网络连接或防火墙问题),要么是托管网站的服务器的问题 (内存限制、执行时间等)。).

1.检查您的连接

Google Chrome、Firefox 和 Edge 都建议您检查网络连接。虽然这听起来很明显,但它们都指向首先检查您的连接,因为这是最常见的错误原因之一。以下是我们推荐的几件事:

  • 重启你的家庭或办公室路由器。这只需要几分钟,解决的问题比许多人愿意承认的要多。要完全重启它,请断开电源,然后等待 30 秒,再将其插回。
  • 检查一下你的 wifi 连接是否很差或很慢。这在咖啡店或机场等繁忙的公共 wifi 热点上是常有的事。

2.暂时禁用防火墙和防病毒软件

防火墙和防病毒软件旨在保护用户及其系统。他们定期扫描您的设备,并自动阻止任何可疑的活动。但是,这种类型的安全性有时会导致连接问题。

这是因为防火墙经常会阻止他们不需要的页面或者拒绝完全安全的内容。像 AVG 这样的软件,我们已经见过很多次了。要检查您是否是这种情况,请尝试禁用防火墙和防病毒程序。当然,只有在你确定你要访问的网站是安全的情况下,才建议这样做。

此外,您应该只是暂时禁用这类软件。在你检查完错误是否已经解决之后,重新打开它,这样你就不会变得容易受到攻击。如果您因为防火墙或防病毒软件而反复遇到错误,您可能需要考虑更换您正在使用的软件。

这些类型的工具也有你可以填写的所谓的“假阳性”报告。如果你 100%确定你访问的网站被屏蔽了,你可以让软件开发者知道。以下是一些快速链接:

3.禁用代理设置

如果使用代理服务,有时您可能会看到 ERR_CONNECTION_TIMED_OUT 错误。这通常很少见,尤其是在客户端。然而,一个可能在你不知情的情况下就已经设置好了。要禁用或检查以确保没有启用代理设置,请按照下列步骤操作。

访问 Chrome 浏览器中的设置菜单。这将打开完整的选项菜单。在系统部分下(你需要点击底部的高级才能看到这个),你应该会找到一个标题为开放代理设置的条目。通过选择它,您将进入相应的菜单:

Open Proxy Settings in Chrome

Open Proxy Settings in Chrome

下一步取决于您当前使用的系统。Windows 用户需要点击局域网设置并取消选择局域网使用代理服务器选项。如果你是 Mac 用户,你应该会立即在相关菜单中找到你自己。然后,您必须取消选中所有可选的代理协议,并检查 ERR_CONNECTION_TIMED_OUT 消息是否已解决。

Uncheck proxies on Mac

Uncheck proxies on Mac

如果您使用的是 Windows,您会看到一个“局域网(LAN)设置”窗口出现。您需要确认“为您的局域网使用代理服务器”选项是否被取消选中。

Disable Chrome proxy settings in Windows

Disable Chrome proxy settings in Windows

如果你使用的是像 ExpressVPN 或 TunnelBear 这样的 VPN,情况也是如此。确保您不是偶然连接的。

4.更改 DNS 服务器

你可以尝试的下一件事是改变你的 DNS 服务器。默认情况下,DNS 服务器由您的 ISP 自动分配。但是您可以尝试暂时将它们更改为公共 DNS 服务器,如 Google 或 Cloudflare。

  • 一些人更愿意长期使用谷歌的公共域名系统(8.8.8.8 和 8.8.4.4),因为它们有时更可靠。
  • Cloudflare 还提供安全且速度极快的免费 DNS(1.1.1.1和 1.0.0.1),我们将在本例中使用。如果你想使用谷歌的步骤是一样的,你只需用谷歌取代 DNS 服务器地址。

提示:如果你已经在使用一个免费的 DNS 服务器并遇到问题,移除它并默认回到你的 ISP 的 DNS 服务器有时也能解决问题。

Google 和 Cloudflare 并不是 100%的时候都是完美的,我们已经注意到切换回来解决了这个问题。如果你在机场或咖啡店使用 Wifi 热点,情况尤其如此。

窗户

在 Windows 中,只需按 Windows 徽标键和 r 键打开命令提示符,然后键入“控制面板”并按回车键。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Run Control Panel Windows

Run Control Panel Windows

点击“网络和互联网”,然后点击“网络和共享中心”在左侧,单击“更改适配器设置”

Change adapter settings

Change adapter settings

右键单击您当前的连接,根据您的连接方式,这可能是本地连接或无线网络连接。然后点击“属性”

Wireless connection properties

Wireless connection properties

选择互联网协议版本 4 ( 或版本 6,如果需要的话,并点击“属性”

IPV 4 properties

IPV 4 properties

记下所有现有设置,以防需要恢复。点按“使用以下 DNS 服务器地址”输入以下内容,或者用这些内容替换现有内容:

对于 IPv4: 1.1.1.11.0.0.1;对于 IPv6: 2606:4700:4700::11112606:4700:4700::1001

DNS server addresses

DNS server addresses

单击确定,然后关闭。重启你的浏览器。

Mac

若要在 Mac 上更改 DNS 服务器,请前往“系统偏好设置”…

Mac system preferences

Mac system preferences

单击网络图标,然后单击“高级”

Mac network advanced

Mac network advanced

单击“DNS”选项卡。

Mac DNS

Mac DNS

然后添加 Cloudflare 的 DNS 服务器地址。

对于 IPv4: 1.1.1.11.0.0.1;对于 IPv6: 2606:4700:4700::11112606:4700:4700::1001

5.刷新/更新 DNS

你也可以尝试刷新你的本地 DNS 缓存。这类似于清除浏览器缓存。这可能是你试图访问的网站没有解析到正确的 IP 地址。如果你刚刚将你的 WordPress 站点迁移到一个新的主机,等待事情完全传播是很重要的。这有时可能需要长达 24 小时,尽管也可能只有几分钟。这取决于您的 DNS 提供商和您的 DNS 记录的 TTL 值。

MyKinsta WordPress Dashboard for professionals gif

Windows 操作系统

在 Windows 中,只需打开命令提示符并输入以下内容:

ipconfig /flushdns

Command prompt - flush DNS

Command prompt – flush DNS

如果成功,您应该会看到“成功刷新 DNS 解析器缓存”。

苹果个人计算机

对于 macOS 用户,您可以在终端中输入以下内容:

dscacheutil -flushcache

dscacheutil -flushcache

Mac flush cache

注意:MAC 上没有成功消息。

6.检查您的主机文件

每台计算机都有他们所谓的本地主机文件。这是一个包含手动 DNS 条目的文件,这些条目被映射到特定的 IP 地址。通常情况下,只有当您想在将域名切换到新主机之前预览您的 DNS 时,才需要对其进行编辑。或者也许你有一个本地开发站点,使用像 DevKinsta 、vagger 或者 Docker 这样的工具运行。

有许多不同的方法可以改变或编辑这个文件。因此,检查以确保你试图访问的网站不在那里总是好的。只需按照下面的步骤。

窗户

hosts 文件通常需要额外的访问权限。所以第一步是作为管理员打开你的文本编辑器。只需点击您的开始菜单,搜索您的文本编辑器,右键单击它,并选择“作为管理员运行。”这可以在任何文本编辑器中完成,如记事本、Notepad++和 Atom 等。在下面的例子中,我们使用了 Sublime

Run text editor as administrator

Run text editor as administrator

在文本编辑器中,单击文件→打开,浏览到以下位置:

C:\Windows\System32\drivers\etc\

单击主机文件并“打开”

open hosts file

Open hosts file

仔细检查并确保您尝试访问的网站不在列表中。如果是,请删除它。

苹果个人计算机

为了在 Mac 电脑上查看你的主机文件,我们建议你带上 T2 防毒面具。这是一个免费的应用程序,可以用作主机文件管理器,主机文件编辑器,并在它们之间切换。它让一切都变得快速而简单!否则,您可以按照以下步骤在 Mac 上手动编辑 hosts 文件。

进入实用程序,然后点击“终端”

Mac utilities terminal

Mac utilities terminal

输入以下命令并按 Enter 键(很可能还会提示您输入管理员密码)。

sudo nano /private/etc/hosts

仔细检查并确定您尝试访问的网站没有在您的主机文件中列出。如果是,请删除它。

Edit hosts file on Mac

Edit hosts file on Mac

7.检查您域名的域名系统

您还应该验证您的域名的 DNS 是正确地指向您的主机提供商。如果你是 Kinsta 的客户,我们有一篇关于如何将你的域名和/或 DNS 指向 Kinsta 的深度文章。如果你最近将你的 WordPress 网站迁移到了一个新的主机上,可能是你的电脑上的 DNS 缓存不正确。在这种情况下,上面的第 5 步应该可以解决这个问题。或者它可能只是太快了,你需要等待几个小时的 DNS 完全传播。

8.清除浏览器缓存

Web 浏览器将信息存储在计算机的缓存中。这包括您的浏览历史、保存的登录数据和 cookies,所有这些都会被记录下来,以便在下次访问时更快地加载相关页面。

尽管缓存很有用,但当它们过时时会导致许多问题。幸运的是,这个问题很容易通过清空缓存来解决。

但是在你这样做之前,你可以通过首先以匿名模式打开你的浏览器,很容易地检查是否是浏览器缓存问题。或者您可以尝试不同的浏览器。如果您仍然看到错误,那么您将需要继续清除您的缓存。

在这个例子中,我们将使用谷歌浏览器。首先打开主菜单(在浏览器窗口的右上角)。从那里,选择更多工具:然后您可以点击清除浏览器数据。

Chrome clear browsing data

Chrome clear browsing data

在出现的页面上,您需要确保选择了所有列出的文件类别。否则,Chrome 将无法清空整个缓存。相反,它只会删除最近的条目,这不会产生预期的效果:

Clear browsing data

Clear browsing data

完成此过程的另一种方法是在地址栏中输入以下 URL:

chrome://settings/clearBrowserData

出现的屏幕应该允许您访问我们上面概述的相同选项。以下是一些其他有用的清除缓存的链接。

9.看看最大执行时间

我们将要深入的其余故障诊断步骤是那些与你的 WordPress 站点或服务器的配置有关的步骤,可能有助于修复“ERR_CONNECTION_TIMED_OUT”错误。

第一个是为您的站点设置的最大执行时间。在大多数服务器上,默认时间设置为 30 秒。这是一个 PHP 脚本被允许运行的时间量(在此之后超时)。在共享主机上,这通常设置为低或保留默认值。

你不能轻易地从 WordPress 修改它,因为 php.ini 文件位于你的服务器上。为了改变这一点,我们建议联系你的主机提供商,看看他们是否能提供帮助。在的 Kinsta,我们将默认的最大执行时间设置为 300 秒。

MyKinsta WordPress Dashboard for professionals gif

如果您想自己尝试修改它,通常可以使用以下选项之一来完成。两者都取决于你的主机提供商如何配置他们的服务器。

选项 1–修改 php.ini 文件中的最大执行时间

如果您的主目录中有一个php.ini文件,找到max_execution_time参数并修改它。例如,如果设置为 30 秒,您可以将其增加到 300 秒。

max_execution_time = 300

选项 2–修改最大执行时间。htacess 文件

如果上面的选项不起作用,你也许可以在你的里改变它。htaccess 文件。就像php.ini文件一样,它通常位于您的主目录中。将以下内容放在您的.htaccess文件的顶部:

php_value max_execution_time 300

10.暂时禁用您的插件

和大多数 WordPress 错误一样,插件肯定是问题的根源。要确定这是不是真的,你需要禁用你网站的所有插件。然而,如果你得到“ERR_CONNECTION_TIMED_OUT”错误,这意味着你不能访问你的 WordPress 管理区。这意味着你需要 SFTP 进入你的网站。我们推荐使用 FileZilla

一旦你的 SFTP 客户端准备好了,通过它连接到你的网站并导航到你的 WordPress 根文件夹。万一找不到,一般叫 public_html,html,public,www,或者你网站的名字。如果你是 Kinsta 的客户,它就是你的公共文件夹。

WordPress root folder SFTP

WordPress root folder SFTP

打开该文件夹,并导航到 wp-content 目录。在里面,你会看到一个名为 plugins 的文件夹,其中包含安装在你的站点上的每个插件的单独子目录(活动的和不活动的)。

您现在要做的是右键单击 plugins 文件夹,并将其重命名为其他名称。我们推荐 plugins.old 或者 plugins.deactivated ,这样你以后就很容易认出来了。

WordPress plugins folder renamed

WordPress plugins folder renamed

WordPress 现在将无法找到你的任何插件。当这种情况发生时,它会自动禁用这些插件。

现在,试着进入你的 WordPress 仪表盘。如果超时错误消失了,那么你可以假设你的一个插件是罪魁祸首。你所要做的就是找出是哪一个出了问题。

返回到 wp-content 目录,并正确地重命名您原来的插件文件夹。然后,你需要一个接一个地禁用你的插件,直到你找到罪魁祸首。

为此,打开 wp-content/plugins 目录。在里面,你会发现每个插件都有一个文件夹。您要遵循的流程与之前基本相同:

  1. 从第一个文件夹开始,根据自己的喜好将其重命名。
  2. 检查您的网站,看看错误是否已经消失。
  3. 如果不是,将上一步中的插件文件夹恢复为其原始名称。
  4. 重复以上步骤,移动到列表中的下一个插件。

如果你有很多插件,这个过程可能需要一段时间,但是依次检查每个插件是至关重要的。如果你在任何时候发现了导致错误的插件,你可以卸载它或者用另一个工具替换它。

如果您完成了这些步骤却没有找到解决方案,您可以进入下一个故障诊断阶段。

11.暂时恢复到默认主题

既然你已经排除了插件导致超时错误的可能性,那么是时候对你的活动主题做同样的事情了。事实上,你的主题也可能产生兼容性问题。

不幸的是,这个过程与上面的不一样。WordPress 不会恢复到默认的主题,如果只是简单地重命名主题文件夹,你会得到一个错误,比如“主题目录”主题名称“不存在”或者,如果您试图重命名整个主题目录文件夹,您最终会得到“错误:主题目录要么是空的,要么不存在。请检查您的安装。

因此,你需要通过登录 phpMyAdmin 来访问你的 WordPress 数据库。如果你是 Kinsta 的客户,这可以在 MyKinsta 仪表板的“信息”部分找到。

MyKinsta phpMyAdmin

MyKinsta phpMyAdmin

点击进入“wp_options”表,然后点击“Search”选项卡。您需要在“选项名称”下搜索模板

phpMyAdmin wp_options table

phpMyAdmin wp_options table

在“选项值”栏下,你会看到你的主题的当前名称。将此更改为默认主题之一,例如“twenty 19

wp_options template name

wp_options template name

再次检查您的网站,看看这是否已经修复了错误。如果是的话,这仅仅意味着你的 WordPress 主题有问题,你可能需要重新安装或者恢复到你最近的备份。

12.增加内存限制

WP_MEMORY_LIMIT参数允许您指定 PHP 可以消耗的最大内存量。如果你使用共享主机,它很可能被设置为一个较低的值,如 64M。在 Kinsta,我们将默认内存限制设置为 256M。

您可以通过在您的wp-config.php 文件中添加以下内容来增加内存限制。这必须放在wp-settings.php内含物的上方。

define( 'WP_MEMORY_LIMIT', '256M' );

WP_MEMORY_LIMIT in wp-config.php

WP_MEMORY_LIMIT in wp-config.php

不确定你当前的 PHP 内存限制是多少?如果你可以访问你的 WordPress 仪表盘,并且运行的是 WordPress 5.2 或更高版本,你可以在“站点健康”工具下看到 PHP 内存限制。

WordPress site health PHP memory limit

WordPress site health PHP memory limit

Can't reach your site because of the ERR_CONNECTION_TIMED_OUT error message? Here are 12 possible ways to fix it! 💻😱Click to Tweet

摘要

解决连接和超时错误从来都不是一件有趣的事情,但是希望您现在掌握了更多的知识来帮助快速解决它。

重要的是要记住“ERR_CONNECTION_TIMED_OUT”错误是客户端问题的结果,比如你的网络连接,或者你的 WordPress 站点所在的服务器的问题。有没有解决这个错误的其他技巧?请在评论中告诉我们。

(建议阅读:学习如何修复 Chrome 中的 ERR_CACHE_MISS 错误)


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何修复 ERR_TOO_MANY_REDIRECTS 错误

原文:https://kinsta.com/blog/err_too_many_redirects/

在 Kinsta,我们会遇到很多不同的错误,ERR_TOO_MANY_REDIRECTS(也称为重定向循环)是我们经常看到的错误。通常,这发生在您的网站最近发生更改、服务器上重定向配置错误或第三方服务设置错误之后。但是不要担心,这个错误很容易修复。

查看下面关于如何修复此错误并使您的网站恢复运行的建议。

什么是 ERR_TOO_MANY_REDIRECTS 错误?

ERR_TOO_MANY_REDIRECTS 错误就像它听起来的那样:一些事情导致了太多的重定向,将你的网站送进了一个无限重定向循环。

从本质上来说,网站被卡住了(例如 URL 1 指向 URL 2,URL 2 又指向 URL 1,或者该域多次重定向您),与其他一些错误不同,这些错误很少会自行解决,可能需要您采取措施来修复它。

您可能还遇到过错误“由于可能的配置错误,请求超过了 10 个内部重定向的限制”。

根据您运行的浏览器,此错误有几种不同的变体。

谷歌浏览器

在谷歌浏览器中,这个错误会显示为 ERR_TOO_MANY_REDIRECTS (如下图所示)或者这个网页有一个重定向循环问题

这一页不起作用。domain.com 给你改了太多次了。

ERR_TOO_MANY_REDIRECTS in Google Chrome

ERR_TOO_MANY_REDIRECTS in Google Chrome

(查看如何修复 Chrome 的 ERR_CACHE_MISS 错误)。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

Mozilla Firefox

在 Mozilla Firefox 中,它会显示为页面没有正确重定向(如下所示)。

连接到 domain.com 时出错。这个问题有时可能是由于禁用或拒绝接受 cookies 造成的。

ERR_TOO_MANY_REDIRECTS in Firefox

ERR_TOO_MANY_REDIRECTS in Mozilla Firefox

微软 Edge

在 Microsoft Edge 中,它会简单地显示为该页面现在无法工作(如下所示)。

Domain.com 给你改了太多次了。

ERR_TOO_MANY_REDIRECTS in Microsoft Edge

ERR_TOO_MANY_REDIRECTS in Microsoft Edge

旅行队

在 Safari 中会显示为 Safari 打不开页面(如下图)。

试图打开“domain.com”时发生太多重定向。如果您打开的页面被重定向到另一个页面,然后该页面被重定向到原始页面,则可能会发生这种情况。

ERR_TOO_MANY_REDIRECTS error in Safari

ERR_TOO_MANY_REDIRECTS error in Safari

为什么会出现 ERR_TOO_MANY_REDIRECTS 错误?

当浏览器无法在重定向中的初始页面和目标页面之间建立连接时,会发生此错误。主要原因可能是:

  • 错误配置的 WordPress 设置
  • 错误配置的 WordPress 插件。
  • 错误配置的服务器设置。
  • 不正确的 HTTPS 设置。
  • 浏览器缓存/cookie 的问题。
  • 第三方服务的问题(如 cdn)。
  • 网站或域名迁移不当。

那么如何修复 ERR_TOO_MANY_REDIRECTS 错误呢?

以下是一些建议和需要检查以修复错误的事项(按我们看到的最常见原因排序):

删除特定站点上的 Cookies

事实上,谷歌和 Mozilla 都在错误下方推荐“尝试清除你的 cookies”Cookies 有时会包含错误数据,这可能会导致 ERR_TOO_MANY_REDIRECTS 错误。这是一个你可以尝试的建议,即使你在一个不属于你的网站上遇到了错误。

由于 cookie 会保留您在站点和其他设置上的“已登录”状态,我们建议您只需删除有问题的站点上的cookie。这样你就不会影响你经常访问的其他会话或网站。

按照以下步骤在 Google Chrome 中删除特定网站上的 cookie。

第一步

在谷歌浏览器中,点击右上角的三个小点。然后点击“设置”

Chrome settings

Chrome settings

第二步

向下滚动并点击“高级”

Chrome advanced settings

Chrome advanced settings

第三步

然后点击“内容设置”

Chrome content settings

Chrome content settings

第四步

点击“Cookies”

Chrome cookies

Chrome cookies

第五步

然后点击“查看所有 cookies 和站点数据”

Chrome see all cookies

Chrome see all cookies

第六步

搜索遇到 ERR_TOO_MANY_REDIRECTS 错误的站点(域)。然后,您可以删除当前存储在您计算机上的该域的 cookie。然后再次尝试访问该网站。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Delete cookie in Chrome

Delete cookie in Chrome

清除服务器、代理和浏览器缓存

由于重定向循环是可以被缓存的响应,所以总是建议你在你的 WordPress 站点、服务器、第三方代理服务,甚至是你的浏览器上清除缓存。

清除 WordPress 站点缓存

根据重定向循环的类型,你可能仍然能够访问你的 WordPress 管理仪表板。在这种情况下,您可以在缓存插件的设置中轻松清除缓存。这里有几个关于如何清除带有流行插件的 WordPress 缓存的快速链接:

如果你是 Kinsta 的客户,你可以很容易地从 WordPress 管理工具栏清除你的缓存

Clear Kinsta cache from WordPress admin

Clear Kinsta cache from WordPress admin

清除服务器缓存

如果你不能访问 WordPress admin ,许多 WordPress 主机都有自己的控制面板工具来清除你的 WordPress 站点上的缓存。

如果你是一个 Kinsta 客户,你可以在 MyKinsta 仪表板中手动清除 WordPress 缓存。只需点击你的网站,点击进入工具,并点击“清除缓存”按钮。然后检查您的网站,看看重定向循环是否仍然存在。

Clear WordPress cache

Clear WordPress cache

清除代理缓存

如果你使用的是第三方反向代理服务,如 Cloudflare 或 Sucuri,清理他们那边的缓存也是有益的。

云耀斑

要清除 Cloudflare 缓存,请登录他们的控制面板,单击“缓存”,然后单击“清除所有内容”

Purge cache

苏库里

要清除 Sucuri 缓存,请登录他们的仪表板,转到“性能”并单击“清除缓存”

Clear Sucuri cache

Clear Sucuri cache

清除浏览器缓存

如果你想检查看看是否是你的浏览器缓存,而不清除你的缓存,你总是可以在隐身模式下打开你的浏览器。或者测试另一个浏览器,看看是否仍然看到 ERR_TOO_MANY_REDIRECTS 错误。

Open Chrome in Incognito mode

Open Chrome in Incognito mode

如果您确定这是由浏览器缓存引起的,那么您可以清除它。以下是在各种浏览器中如何操作的说明:

确定重定向循环的性质

如果清除缓存不起作用,那么您将想看看是否可以确定重定向循环的性质。我们的免费在线重定向检查工具可以帮助提供一些关于可能发生的事情的进一步分析。这也可以通过 cURL 来实现。

例如,在下面的网站上,它有一个 301 重定向回自己,这导致了一个错误重定向的大链。您可以跟踪所有的重定向,并确定它是否循环回自身,或者可能是一个 HTTP 到 HTTPS 的循环,我们将在下面进一步讨论如何解决这个问题。

Too many redirects

Too many redirects

重定向路径 Chrome 扩展也非常有用,它可以让你深入了解你的网站上发生的所有重定向(特定的 URL 或页面)。

Redirect Path extension

Redirect Path extension

检查您的 HTTPS 设置

另一件要检查的事情是你的 HTTPS 设置。很多时候,当某人刚刚将他们的 WordPress 站点迁移到 HTTPS 却没有完成或者设置错误时,我们会看到错误的重定向发生。

MyKinsta is a wordpress dashboard for professionals.T2】

1.不要强迫没有 SSL 证书的 HTTPS

这是目前为止我们经常看到的最常见的原因。如果你强迫你的 WordPress 站点在没有安装 SSL 证书的情况下通过 HTTPS 加载,你会立刻把你的站点扔进一个重定向循环。要解决这个问题,只需在你的 WordPress 网站上安装一个 SSL 证书

还建议运行一个 SSL 检查SSL/TLS 证书不仅需要你的主证书,还需要安装他们所谓的中间证书(链)。这些需要正确设置。

我们建议使用 Qualys SSL Labs 提供的免费 SSL 检查工具。它非常可靠,我们在验证证书时将它用于所有的 Kinsta 客户端。只需前往他们的 SSL 检查工具,在主机名字段中输入您的域名,然后点击“提交”如果您愿意,也可以选择隐藏公共结果的选项。在 web 服务器上扫描站点的 SSL/TLS 配置可能需要一两分钟的时间。

SSL check

SSL test

2.不要使用 SSL 插件,更新你的硬编码链接

有一些免费的 SSL WordPress 插件,例如真正简单的 SSL 插件将帮助你自动重定向到 HTTPS。但是,我们不建议将这种方法作为永久的解决方案,因为第三方插件总是会引入另一层问题和兼容性问题。这是一个很好的临时解决方案,但是你真的应该更新你的硬编码 HTTP 链接

我们有一个很棒的教程,里面有 4 种简单的方法在 WordPress 中进行搜索和替换。如果您是 Kinsta 的客户,您也可以随时联系我们的支持团队来为您完成这项工作。

3.检查服务器上 HTTP 到 HTTPS 的重定向

很有可能是您服务器上的 HTTPS 重定向规则配置错误。

在 Nginx 中将 HTTP 重定向到 HTTPS

如果您的 web 服务器运行 Nginx 的,您可以通过将以下代码添加到 Nginx 配置文件中,轻松地将所有 HTTP 流量重定向到 HTTPS。这是重定向 Nginx 上运行的 WordPress 的推荐方法。

server { listen 80; server_name domain.com www.domain.com; return 301 https://domain.com$request_uri; }

金斯塔的每个人都使用 Nginx。好消息是你不用担心这个。如果您需要添加重定向,只需打开快速支持标签,让我们知道您需要重定向到哪个域。然后我们将它添加到 Nginx 配置中。

查看我们关于重定向的视频指南

在 Apache 中将 HTTP 重定向到 HTTPS

如果你的 web 服务器是运行 Apache 的,你可以通过添加下面的代码到你的.htaccess文件,轻松地将你所有的 HTTP 流量重定向到 HTTPS。这是重定向在 Apache 上运行的 WordPress 的推荐方法。

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

4.检查是否有太多的 HTTPS 重定向

也许你只是有太多的 HTTPS 重定向。你可以使用类似于重定向检查器的工具轻松检查你的站点,看看它使用了多少重定向。下面是一个没有正确设置的重定向的例子,使用在线工具很容易发现。您可以看到,在 www 和非 www 版本上都出现了重复的 HTTPS 重定向。

redirects not setup correctly

Redirects

检查第三方服务

ERR_TOO_MANY_REDIRECTS 也是通常由 Cloudflare 等反向代理服务引起的。这通常发生在他们的灵活 SSL 选项被启用,并且你已经在你的 WordPress 主机上安装了 SSL 证书的时候。为什么?因为,当选择灵活时,所有对主机服务器的请求都是通过 HTTP 发送的。您的主机服务器很可能已经有一个从 HTTP 到 HTTPS 的重定向,因此会出现重定向循环。

要解决此问题,您需要将 Cloudflare 加密设置从灵活更改为完全或完全(严格)。如果你是 Kinsta 的客户,请务必查看我们关于如何在使用 Cloudflare 时安装 SSL 证书的步骤。

Cloudflare full

Set Cloudflare crypto level to full

你可以使用他们的总是使用 HTTPS 页面规则将所有用户重定向到 HTTPS,而不会产生循环。使用 Cloudflare 需要注意的另一件事是他们的转发 URL 重定向规则。注意不要在域将自身指向目的地的地方创建重定向。这可能会导致无限重定向错误,并且受影响的 URL 将无法解析。

如果您使用的是 StackPath,他们有一个名为“源拉协议”的选项,只需要设置为 HTTPS。

仅使用 Cloudflare DNS

如果您只想使用 Cloudflare 的 DNS,而不是他们的代理/WAF 服务,那么您应该确保您的 DNS 记录设置为“仅 DNS”云将显示为“灰色”而不是“橙色”您可以在 Cloudflare 控制面板中的“DNS”选项卡下进行配置。

Cloudflare DNS only

Cloudflare DNS only

检查你的 WordPress 站点设置

另一件要检查的事情是你的 WordPress 站点设置。您需要确保两个不同的字段设置正确,并且没有指向错误的域或不匹配。另一个常见的错误是,你没有使用正确的前缀来匹配网站的其余部分,无论是 www 还是 non-www。有时,人们会迁移主机或更改域名,而这些可能会在您不知不觉中发生变化。

  • WordPress 地址(URL): 到达你的博客的地址。
  • 站点地址(URL): 你的 WordPress 核心文件的地址。

两者应该匹配,除非你给 WordPress 自己的目录

WordPress address

WordPress address

很有可能你无法访问你的 WordPress 仪表盘。所以你能做的就是通过在你的 wp-config.php 文件中输入值来覆盖上面的设置。

wp-config.php 文件通常位于你的 WordPress 站点的根目录,可以通过 FTP 、SSH 或 WP-CLI访问。要对 WP_HOME 和 WP_SITEURL 进行硬编码,只需在文件顶部输入以下代码,更改值以反映您的域。

define('WP_HOME','https://yourdomain.com');
define('WP_SITEURL','https://yourdomain.com');

下面是一个例子,你的 wp-config.php 文件可能会是什么样子。

change wordpress url wp-config.php

Change WordPress URL in wp-config.php file

或者,如果你喜欢,这里有两种额外的方法可以改变你的 WordPress URLs,而不需要访问你的管理面板:

一旦您手动设置了它,您就可以浏览您的站点来验证它是否修复了重定向循环。

多站点

如果您在多站点上更改域名,请确保也检查wp_blogs表。我们已经看到人们做了错误的搜索和替换,导致了无限的重定向循环。这是因为网络站点与子站点不匹配。

wp_#_options:每一个子站点都有一组对应于wp_blogs表中blog_id的表。转到wp_#_options表,其中#对应于blog_id,并更新该表中的“SITEURL”和“HOME”设置。

暂时禁用 WordPress 插件

说到 WordPress,暂时禁用你所有的 WordPress 插件可能是发现问题的快速方法。例如,重定向或 Yoast SEO premium 等插件让你实现重定向。有时,这些插件的设置或更新可能会与服务器上已经设置的重定向发生冲突,从而导致重定向循环。

记住,如果你只是简单地禁用一个插件,你不会丢失任何数据。很有可能你不能访问 WordPress admin,所以你需要通过 SFTP 登录到你的服务器,然后重命名你的插件文件夹,比如 plugins_old。然后再次检查您的网站。

SFTP rename plugins folder

SFTP rename plugins folder

如果成功了,那么你需要一个接一个的测试每个插件。将你的插件文件夹重新命名为“插件”,然后一个接一个地在 if 里面重新命名每个插件文件夹,直到你找到它。您也可以尝试首先在一个中转站点上复制它。

Rename plugin folder

重命名插件文件夹

检查服务器上的重定向

除了服务器上的 HTTP 到 HTTPS 重定向之外,检查并确保没有任何额外的重定向设置错误也是很好的。例如,一个错误的 301 重定向回自己可以关闭您的网站。通常,这些可以在服务器的配置文件中找到。

阿帕奇。htaccess 文件

Kinsta 只使用 Nginx,但是如果你使用的是运行 Apache 的 WordPress 主机,很可能你的.htaccess文件中有一个错误的规则。按照下面的步骤从头重新创建一个新的。

首先,通过 FTP 或 SSH 登录到你的站点,将你的.htaccess文件重命名为.htaccess_old。这可以确保您有一个备份。

Rename .htaccess file

Rename .htaccess file

通常要重新创建这个文件,你可以简单地在 WordPress 中重新保存你的永久链接。然而,如果你正处于 ERR_TOO_MANY_REDIRECTS 错误中,你很可能无法访问你的 WordPress admin,所以这不是一个选项。因此,您可以创建一个新的.htaccess文件,并输入以下内容。然后上传到你的服务器。以下使用默认设置。

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

更多例子见 WordPress Codex ,比如多站点的默认.htaccess文件。

我们将有效网站管理的知识规模化,并将其转化为电子书和视频课程。点击这里下载 2020 年管理 40 多个 WordPress 网站指南!

Nginx 配置

如果您的主机使用 Nginx,这个文件可能会有点棘手,因为配置文件可能会因主机提供商而有所不同。我们建议联系您的主机,让他们检查您的配置文件,查找任何可能导致重定向循环或过多重定向的内容。

如果你是 Kinsta 的客户,你首先要确认你没有在我们的重定向工具中设置错误的重定向。下面是一个从https://domain.com/重定向回自身的简单例子,这会导致重定向循环。

Bad 301 redirect

Bad 301 redirect

当位置 URL 包含在“重定向自”和“重定向至”中时,这种情况也很常见

例如,以下情况会导致重定向循环:

重定向自: ^/blog/about 重定向至: https://domain.com/blog/about-me

为什么?因为一旦进程到了^/blog/about,剩下的部分-me就不重要了,会造成死循环。您必须指定字符串的结尾和起始点。下面是您应该如何解决这个问题:

重定向自: ^/blog/about<kinsta-advanced-cta language="en_US" type-int-post="17415" type-int-position="2" **重定向至:** https://domain.com/blog/about-me`

$字符将告诉 Nginx 停止并匹配请求,前提是字符串正好在那里,但其后没有任何内容。

当然,您可以随时打开支持票,我们会为您检查。

错误配置的反向代理

ERR_TOO_MANY_REDIRECTS 错误的另一个常见原因是您正在使用一个反向代理。反向代理可能非常复杂,如果配置错误,很容易将你的 WordPress 站点发送到重定向循环中。同样,如果您是 Kinsta 的客户,我们的支持团队可以在这方面提供帮助。

Website stuck in an infinite redirection loop? 🛣 Check out these recommendations on how to get back up and running fast.Click to Tweet

摘要

重定向循环有时很难追踪。但是希望上面的一些故障诊断步骤可以帮助您解决 ERR_TOO_MANY_REDIRECTS 错误。如果我们错过了什么,请在下面的评论中告诉我们。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何创建持久的常青内容(17 个技巧和诀窍)

原文:https://kinsta.com/blog/evergreen-content/

当你想营销一个企业、一个网站或一个网上商店时,内容营销是最有效的策略之一。然而,并不是所有类型的内容对你的读者都是有价值的,最重要的是,你的一些有价值的文章可能在某个时间点因过时和不相关而老死。

你的最佳解决方案是什么?嗯,你需要常青内容。你需要的文章将承载同样的价值久而久之,在十年内以同样的速度甚至比现在更高的速度吸引有机流量。在进入我们的主要话题之前,我们先来谈谈内容营销。

内容营销为什么有效?

即使在互联网出现之前,书面或视觉内容一直是进行营销的好方法。我们都记得这些年来在电视上看到的一些很棒的广告,我们保留了一些作为杂志免费插页的信息手册。互联网方便了我们获取信息,并使数百万用户可以获得这些信息,但总的来说,它并没有改变营销人员已经意识到的一些事实。

让我们来看看为什么内容是一个强大的营销工具,当涉及到网络世界以及为什么它永远不会被其他策略所取代:

1.人们总是在寻找信息,而且会一直这样做

为了说明这一点,我将使用两个理论上的例子。停下来想一想。当你有一个问题而你不知道答案时,你做的第一件事是什么?好吧,你问。不会总是有专家和专业人士在附近得到快速的答案,但幸运的是,你可以使用你的电脑或移动设备来搜索你的答案。这就是内容出现的地方。

另一方面,想想你每天或每周阅读的所有网站和博客。你不知道它们的存在,但是一旦你在一个网页上读到了有价值的东西,你就会返回那里去寻找更多。也许,你甚至在网站上加了书签,或者订阅了他们的时事通讯。为什么?答案很简单:你不可能什么都知道。好的信息总是有价值的,无论是理论上的、实用的还是娱乐性的。

2.每天都有更多的人使用广告拦截器

截至 2016 年底,全球有超过6 . 15 亿台装有广告拦截器的设备,而且这个数字还在不断增长。iOS 有一个内置的广告拦截器,但 Android 用户也可以使用第三方应用。它们是免费的,通过阅读恼人的广告,它们有助于更好地使用设备。谷歌甚至正在测试 Chrome 的内置广告拦截器

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

Devices using ad blockers

Devices using ad blockers (Img src: Business Insider Inc)

另一方面,有价值的内容不能被屏蔽。让我们说,如果内容是有价值的和信息丰富的,用户甚至不会想到阻止它,而是与它互动,并返回网站获取更多信息。

3.它比其他营销策略成本更低,但投资回报率更高

与在其他网站、电视和广播上购买广告相比,雇佣内容作者的成本要低得多。由于前面两段已经说明的事实,投资的回报也更高。如果你在经营自己的网站,如果你学会了如何自己写文章,你的成本会降低更多。

此外,根据千年发展目标广告公司所做的一项研究,超过 70%的 T2 互联网用户希望通过内容而不是传统广告来了解产品。

谁能从内容营销中获益?

总之,各位。没有限制。不管你是一个有抱负的企业家、艺术家还是一个博客作者。你的小众、行业、职业取向都没关系。无论你是谁,无论你在哪里,你都需要有效的营销来发展你的品牌,继续发展你的业务或你的个人影响力。有价值的内容是你登顶的捷径。

你能把内容营销策略和其他类型的营销结合起来吗?

是的,你可以。事实上,除了内容发布之外,大多数营销人员还在他们的策略中加入了几种营销类型,包括付费广告、社交媒体营销、直接营销和电子邮件营销。

为你的网站或博客创建常青树内容的技巧

随着时间的推移,并非每种类型的内容都具有相同的价值。因此,你需要常青的内容,以确保你的营销策略明天会像今天一样有效。什么是常青内容?高质量的内容被开发和制作成对 SEO 友好的,同时又非常相关和有质量的。这种内容鼓励更好的排名、快乐的引导和更多的社会参与。简而言之——它是永恒的内容

Evergreen content encourages better rankings and social engagement. In short – it's timeless content. 🌲Click to Tweet

这里有一些提示可以帮助你创建你的内容。

1.选择你的主题,并确保它们符合绿色内容的标准

假设你有一个销售沙发的电子商务网站。这是一个利润丰厚的行业,但是你正在努力提高你的品牌知名度,因此,你决定在网站上附加一个博客。你可以写一些你正在销售的家具的具体设计和型号,写一些对你的产品的评论等等。这些帖子对你的客户来说是有价值的,但它们只在现在有价值,或者只要这些产品是你的产品的一部分。

一旦你卖掉它们,并通过购买新沙发来更新你的报价,那些博客帖子就过时了。

evergreen content lasts

当然,你仍然可以对你的产品写评论,甚至鼓励你的客户也评论一下他们曾经买过的东西。但是,如果你需要常青的内容,你也应该关注你的读者的需求。例如,一篇基于你业务的常青树文章的标题应该是“如何去除天鹅绒沙发上的油渍”。

此外,如果你选择可引用的话题,也会有所帮助。这意味着无论你写的是什么,在你的文章中要包含原创的观点,甚至是原创的统计数据。以下是一些通过检查竞争对手的网站和/或博客来选择话题的额外技巧:

  • 找出围绕问题主题的热门文章。
  • 检查常见的亮点和标题。
  • 检查网络上现有内容的形式(例如,长或短的形式)。
  • 习惯于已经被充分谈论的东西。
  • 找出热门话题中写得不好的内容。

一旦你完成了这一步,它会把你放在一个有利的位置,因为你现在拥有足够的信息来识别那些没有在网上讨论过或者可以改进的话题和主题。

2.进行研究

如果你的目标是写出常青的有价值的内容,那么你必须对你想写的每一个新主题进行研究。也许你是你的行业中最有声望的声音之一。你对自己的技能和能力有信心,你知道你的帖子写得很好,内容丰富。

然而,你不可能知道你所处领域的一切。此外,一篇经过充分研究、有大量引用和参考的文章会被认为比个人观点更值得信赖。如果你有资源和必要的时间,试着进行原创研究。这将有助于你的文章脱颖而出,同时,它将吸引引用,因此,反向链接到你的帖子。

research content

请注意,这些研究中的一些将在几年后变得过时。例如,您可以对农村地区的 4G 连接普及率进行市场调查。然而,在五年内,也许每个人都将拥有 5G 连接,因此你的研究将不再有资格成为常年研究,即使其他一切都是如此。有一个简单的解决方案可以避免这些问题。事实上,你不能避免它们,但要及时纠正它们。你所要做的就是第二年回到你的文章,更新你的统计数据。

3.选择合适且有代表性的视觉效果

在文章中选择恰当且最具代表性的视觉效果并不容易,但也不容忽视。我们生活在一个视觉世界,基于视觉的社交媒体已经盛行,Instagram、脸书、YouTube 和 Pinterest 是最受欢迎的平台。

它们都是视觉化的,证明了这种类型的内容对今天的互联网用户来说比文本更有价值。

content needs visuals

如果你打算写教程,获得你的视觉效果会容易得多。你将不得不在整个过程中拍照,截图等等。然而,有些教程可能只是基于文本,而其他类型的文章则需要视觉表现。在这里,您有几个选择:

  • 你可以订阅一个库存摄影服务,从那里购买你的图片。或者使用像图标查找器这样的高级图标库。
  • 您可以搜索可用的开放图像库,下载免费的图像,如果您选择的图像不符合您需要的质量要求,您可以对其进行调整。
  • 如果你有技术或预算聘请平面设计师/艺术家,创建自己的设计、图形和表现。

一篇博文需要插入多少张图片?这个问题的答案取决于你想向你的听众传达什么。如果您正在编写教程,您可能需要为您描述的每个步骤提供单独的图像。另一方面,如果你写一篇简单的博文,你至少需要一个相关的专业形象。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

4.创建与你的品牌相一致的内容

你的内容也要符合你的品牌声音。请注意这条建议,因为常青树内容,如果创作得当,也将有助于提高你的品牌知名度,让互联网用户更容易看到它。它可能会吸引更多的顾客、粉丝或读者,但同时,它也会帮助你的受众记住你的品牌,并将你的名字与你提供的优秀内容联系起来。

因此,如果你是卖船的,比如说,如果你写的是如何修理机械玩具的绿色内容,那就没什么好处了。然而,你可能会受益于与航海、钓鱼、海上旅行、海上生活等相关的文章。写下你的定位,专注于发展你的品牌,而不仅仅是你的观众。最后,这是你的主要目标。

5.如果有必要,偶尔更新你的内容

我已经在上面提到了这样一个事实,你的一些常青文章可能会包含一些统计数据或研究,这些数据或研究在将来可能会变得过时或不相关。偶尔检查一下你的文章,看看它们是否需要更新。尽快运行这些更新,以保持它们的实用性和长期价值。

生成和分析 Evergreen 内容的工具

网上有很多工具可以为你提供不同的方法来分析、研究和改进你的 evergreen 内容。

内容和社交媒体表现

以下这些工具可以帮助您分析内容表现,并识别可能受社会欢迎并鼓励参与的文章。

Finding popular content

Finding popular content

生成和分析标题

在这篇文章中,我们把最好的标题分析工具放在一起。这些可以帮助你将文章创意发展成朗朗上口的常青树标题。

CoSchedule Headline Analyzer

CoSchedule Headline Analyzer

谷歌趋势和搜索量

如果某个东西的搜索量很大,或者它多年来一直呈上升趋势,那么它很有可能成为你下一篇常青树文章的好主题。诀窍是不要选择一个主题,也许可能太竞争 SEO 明智的。但这就是为什么像下面这样的工具存在,以帮助您做出更数据驱动的决策。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Keyword volume history in KWFinder

Keyword volume history in KWFinder

常青树内容的类型

有什么可以作为常青内容发布的?什么样的帖子和视觉资料属于这一类?在本文的最后部分,我将尝试列出一些最重要的常青内容类别。

1.教程和“如何做”指南

它们是常年内容的主要类型。然而,与技术相关的教程文章可能需要不时更新。

示例:您正在编写一个教程,介绍如何在 Photoshop 中从一个人的肖像图像中剪切出背景。你的文章对你的读者来说会有几个月甚至几年的价值。但是,软件的重大更新,包括布局、工具或菜单的重大变化,会使你的教程不准确。它将需要更新。

2.解决问题

作为一家网上企业,你销售的产品或服务能带来好处和/或解决问题。也就是说,如果你能发现人们正在经历的问题,并利用这些问题来精心制作出优秀的、新鲜的、常青的解决问题的内容,你就能把这些读者变成潜在客户。访问以下网站并搜索特定关键词或问题:

一旦你发现了需要正确回答的问题——围绕这些问题写出精彩的内容,并在答案中提供你的文章的链接。你解决了一个问题,同时建立了一个反向链接。毫无疑问,通过问答网站寻找可行的内容创意绝对是一种有效的方式。看看这个Q&A 网站的大名单。

3.列出帖子

不管你喜不喜欢列表帖子,都有大量数据证明它们只是表现更好而已。已经有各种各样的关于 CTR、SERPs 中的表现、社交分享参与度等的研究。几年前,Conductor 进行了一项标题偏好调查,不出所料,编号标题名列榜首——遥遥领先,以 71%的涨幅击败了第二名。

headline preferences

Headline preferences

所以列表帖子总是能成为伟大的常青树内容。请记住,根据主题的不同,您可能需要更新它们以保持最新。

4.证明书

如果你能说服你的粉丝和客户写推荐并发布在你的网站上,这将是一个伟大的常青内容来源。此外,推荐会让你的品牌更值得信赖,并吸引更多的客户或扩大你的受众。

5.品牌书籍

有几种类型的品牌书籍,从为员工和同事制作的简单的教育手册,到为所有对你的品牌、你的行业、你的公司感兴趣的人制作的更复杂的手册。然而,你的品牌识别书是常青内容的一个很好的例子,如果你有办法创造它,不要错过这个机会。

6.史料

如果你活跃在某个特定的领域,你可以写一些你所在行业的历史,你所在公司的历史以及其他与这个领域相关的信息。有许多人对历史事实感兴趣。这些事实不会随着时间的推移而改变,因此,它们构成了另一种伟大的常青内容。

7.精彩的视频内容和播客

视频博客和播客可能会为你提供你需要的内容,以提高你的品牌和声誉。你可以制作播客和视频,它们可能属于常青树类别。虽然它们可能需要更多的时间来制作,当然不仅仅是写一篇文章,但随着时间的推移,它们越来越受欢迎。如今,很大一部分观众更看重视频和音频内容,而不是书面内容。

8.视觉意象

图像和图形可以成为专业摄影师网站、视觉艺术家和图形设计师的独立帖子。此外,你可以在社交媒体活动中使用图片和文字,作为一种很好的常青内容。例如,如果你是一名具有艺术技能的平面设计师,你可以创建自己的迷因和漫画来营销你的个人品牌或你工作的公司。

9.术语或短语词汇表

开始写自己的字典很难。然而,总会有一些特定于你的行业的术语和短语,你可以将它们归类到一个 wiki 类型的网站或一个博客类别中。它们也是常青的内容,可能会被证明对与你从事相同行业的所有人或在购买前试图了解更多特定产品的人有很大的价值。术语和短语的词汇表也可能对翻译人员、学生和教师有用。

一些其他类型的常青内容也可以包括议论文类型的文章,最佳文章,和每月综述。

结论

内容营销是最有效和最广泛的营销策略之一。这比任何其他类型的营销都要便宜,但它可以帮助你有机地建立你的受众,并通过与你的客户和粉丝的直接互动来提高你的品牌知名度。另一方面,常青内容是最有价值的内容形式,因为它可以为你提供一种营销策略,只要你保持网站开放,这种策略就会持续下去。我说的是永远不会“过时”或过时或不相关的内容。

在整篇文章中,我试图找出创建永久内容的一些最佳策略,以及可供选择的一些最重要的内容类型。作为一个作家,你怎么看待常青内容?你尝试写常年文章吗?你有多成功?这对你有用吗?作为受众的一部分,当你发现一个推广此类内容的网站时,你会回来购买更多内容吗?


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

Facebook 即时文章:如何设置 WordPress

原文:https://kinsta.com/blog/facebook-instant-articles/

Facebook Instant Articles 于 2015 年推出,是一种移动发布格式,允许新闻出版商通过脸书应用程序发布文章。

Google AMP 一样,这些文章的加载和显示速度比标准移动网络快 10 倍,创造了更好的用户体验。出版商最初对遵守这一新的脸书倡议犹豫不决,但那些最有兴趣将其内容提供给新受众的出版商接受了这一新的内容格式化系统。

脸书承诺他们会帮助出版商从他们出版的内容中获得利润,这当然没有坏处。脸书将保留他们销售的任何广告的 100%的广告收入,出版商可以从脸书为他们销售的任何广告中抽取 70%。

为了参与其中,出版商需要做的就是调整他们的文章,使其采用 Facebook Instant Articles 的新格式。Buzzfeed、Mashable 和 Techcrunch 是广受欢迎的媒体网站,它们几乎立刻就做出了回应。由于文章预览中附带的闪电图标,可以识别 Facebook 即时文章和其他文章。

facebook instant articles

Facebook instant articles (Image source: Facebook)

使用 Facebook 即时文章:利弊

让现有内容适应新格式不可避免地会带来挑战。以下是在你的 WordPress 网站上使用 Facebook 即时文章的一些优点和缺点:

Facebook 即时文章:优点

  • 更快的网站加载速度=增强的用户体验。
  • 用户可能会更多地分享你的内容。
  • 让出版商获得新的盈利选择。
  • 接触新的受众和扩大覆盖面。

Facebook 即时文章:缺点

  • 只显示你的文章:脸书不会显示任何与你文章内容不直接相关的东西,比如你的重要小工具电子邮件注册表单
  • 限制照片、视频和广告块(尽管你仍然可以稍加修改就使用它们)。
  • 这是一家公司试图提供你自己内容的另一种方式。换句话说,当人们不再点击你原来的网站时,你的控制力就降低了。人们对谷歌 AMP 表达了类似的担忧。
  • 你必须得到脸书的人工批准。

如何格式化 Facebook 即时文章

有几种方法可以格式化 Facebook 即时文章。

一种方法是创建即时文章模板。也就是说,这种方法适用于当你没有使用 WordPress 或者没有通过第三方工具发布文章的时候。

然而,如果你使用 WordPress 或者通过第三方工具发布文章,你可以通过三种方式导入你的文章:

  • Facebook 即时文章 API
  • RSS 订阅源
  • 支持第三方发布工具,如 Facebook 即时文章 WordPress 插件

如果你使用的是定制 CMS ,前两种方法是可行的,但是如果你使用的是 Drupal 或 WordPress 等 CMS,并且没有开发团队,最后一种选择(使用 WordPress 插件)是最好的。它使独立出版商能够像大出版商一样利用 Facebook 即时文章。

如何为 WordPress 设置 Facebook 即时文章

WordPress 是当今世界上使用的最大的内容管理系统,33%的网站使用的是。了解到这一点,脸书决定与 WordPress 的母公司 Automattic 合作,为 WordPress 用户提供一个免费插件,方便他们在脸书上分享即时文章格式的内容。然而,我们已经看到了一些关于官方插件关键性能问题

Facebook Instant Articles performance

Facebook Instant Articles performance

正因为如此,我们建议使用非官方的第三方插件。为了在你的 WordPress 网站上设置 Facebook 即时文章,你需要:

第一步

首先:访问 Facebook 即时文章网站并注册。

facebook instant articles

Facebook Instant Articles website

脸书会要求你为你的网站选择一个脸书页面。选中同意条款的复选框,然后单击“访问即时文章工具”按钮。

facebook instant articles

Access Instant Articles Tools

这将把你带到你的脸书页面上的 publisher tools,现在它将有一个即时文章部分。

Facebook Instant Articles publishing tools

Facebook Instant Articles publishing tools

第二步

通过申请你的网址来证明你的网站的所有权。在“即时文章→配置→工具→连接您的站点”下,您会找到您的页面 ID。将此复制到您的剪贴板。

Facebook Instant Articles connect site

Facebook Instant Articles connect site

第三步

在你的 WordPress 网站上下载并安装 WP 原生文章插件。这不是官方插件,但是如果你关心性能的话,我们推荐这个插件。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

最有用和有趣的特性之一是内容解析,它纠正了一些 WordPress 内容的非结构化性质。通过添加适当的结构和格式,WP Native Article 的内容解析功能有助于内容加载,甚至比标准插件产品更快。它还可以让你整合谷歌分析,广告等。

WP Native Articles WordPress plugin

WP Native Articles WordPress plugin

虽然核心的 WP 原生文章插件是免费的,但有一个单独网站的高级版本起价 49 美元。高级版本带有 API 同步、高级文章分析和高级支持,如果您在部署时遇到任何问题。

第四步

把你在步骤 2 中复制的页面 ID 粘贴到 WP 原生文章 WordPress 插件的授权 ID 字段中。

Facebook Instant Articles authorization ID

Facebook Instant Articles authorization ID

然后点击“保存更改”

第五步

将您的页面 ID 添加到插件设置后,返回到您的脸书页面的发布工具。在您之前复制的代码下方添加您的网站 URL,然后单击声明 URL 按钮。注意:你可能需要首先清空你的 WordPress 站点上的缓存,这样它才能获得修改。

Claimed Facebook Instant Articles URL

Claimed Facebook Instant Articles URL

如果您收到以下错误,这似乎是某些人的已知问题。

提供的 URL 不被接受,因为该网站的读者人数很少,这违反了即时文章政策(https://developers . Facebook . com/docs/Instant-articles/policy/)。请提供不同的 URL。

以下是获得 Facebook 即时文章批准的一些技巧:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

  • 确保你的 WordPress 网站上已经有足够多的内容。不要尝试在空白网站申请。
  • 内容不能在付费墙后面。
  • 有一个链接指向你网站的隐私政策。

第六步

然后你应该让你的脸书帖子符合你网站的品牌。我们建议至少添加您的徽标并更改颜色。打开脸书发布工具,在“即时文章→配置→工具→样式”下,你可以创建和编辑默认的样式。

Facebook Instant Articles style editor

Facebook Instant Articles style editor

第七步

WordPress 插件会自动为你的 WordPress 站点生成一个即时文章源。要获取提要 URL,请在您的网站 URL 后添加扩展名/feed/facebook-instant-articles/。你也可以在 WP 原生文章插件的“Feed”标签下找到它。

例如:https://yourdomain.com/feed/facebook-instant-articles/

Facebook Instant Articles RSS feed

Facebook Instant Articles RSS feed

复制 URL 并切换回脸书页面发布工具部分。然后进入“即时文章→配置→工具→制作 RSS Feed”。将 URL 粘贴到那里并保存您的更改。

facebook instant articles

Facebook Instant Articles production RSS Feed

脸书通过 RSS 订阅方式获取帖子可能需要一个小时。

第八步

当脸书消化了 10 篇文章后,您可以在配置页面提交它们进行审核。审查通常需要 3-5 天,一旦获得批准,您的即时文章将是活的。如果即时文章版本可用,您分享到脸书页面的任何帖子现在都将自动使用即时文章版本。

Facebook Instant Articles submit for review

Facebook Instant Articles submit for review

替代脸书即时文章插件

和任何 WordPress 网站一样,在你当前安装的插件和你的主题组合中,有时一个插件可能比另一个更好。如果你对已经提到的插件有任何问题,你可能也想看看这些其他即将出现的选项:

LH 即时文章

LH Instant Articles 以创建“无膨胀”的 Facebook Instant Articles 而自豪,这要感谢它为你现有的 WordPress 内容创建了一个符合脸书标准的 RSS feed。

LH Instant Articles WordPress plugin

LH Instant Articles WordPress plugin

高级功能包括添加相关帖子、分析和广告的能力。与其他一些选项相比,它还声称更容易实现——对于不太擅长编码和故障排除的人来说,这是一个理想的选择。

WordPress 的 Facebook 即时文章

Facebook 的即时文章功能对希望通过内容吸引新受众的大型和独立出版商都很有帮助。

在脸书的即时文章平台上(尽管有一些反弹和出版商将)可以给你带来额外的优势,因为脸书已经引入了一个叫做探索提要的新功能(允许你发现与你兴趣相关的内容)。此外,即时文章比常规的 WordPress 内容更容易分享,加载速度更快,并且可以与脸书整合,在新闻订阅中获得更高的优先级。

你有什么想法?你在你的 WordPress 网站上尝试过 Facebook 即时文章吗?


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

利用脸书取得营销成功的 6 种方法

原文:https://kinsta.com/blog/facebook-marketing/

脸书最近出现在新闻中,但不是因为什么重要的原因。剑桥分析数据恐慌。选举广告被俄罗斯人篡改。马克·扎克伯格的严密审查。似乎脸书一直在克服一个又一个障碍,同时在这个过程中失去了消费者的信任。这让许多营销人员想知道,“鉴于最近的事件,你还应该费心在脸书进行营销吗?”

简短的回答是:是的。

谈到社交媒体网站,脸书仍然占据主导地位。首先,它带来了月活跃用户,所以你的客户可能会在网站上闲逛。该平台拥有超过 20 亿的月活跃用户(是的,有 B 的是 10 亿)。这个数字比排名第二的 YouTube 高出 5 亿多人。

Facebook monthly users

Facebook monthly users (Image source: TechCrunch)

不过,最重要的是,它的营销投资回报率令人印象深刻。它连续获得移动营销投资回报率第一名,并被评为全球营销人员最重要的社交媒体平台 T2 排名第二的 LinkedIn 和脸书之间的差距甚至还没有接近,LinkedIn 大约落后脸书 55%。

Facebook marketing ROI

Facebook marketing ROI (Image source: Statista)

脸书影响消费者的购买行为。研究表明,在评估和发现产品或服务时,社交媒体网站上的营销会影响买家的意识(55%)、考虑(71%)和购后决策(66%)。

但是在脸书进行营销可能会很棘手。这个社交媒体网站自 2004 年成立以来发生了巨大的变化。因此,对营销人员来说,了解脸书的能力是至关重要的,这样他们就可以利用该网站为自己的企业创造销售。在本帖中,我们将分享六种不同的方式来利用这个平台发展你的业务。

  1. 优化您的脸书公司页面
  2. 定期发布原创内容
  3. 在您的照片内容中标记您的产品
  4. 支持、鼓励并参与客户评论
  5. 开展脸书广告活动
  6. 利用你对脸书页面的洞察力

推荐阅读:最好的 WordPress 脸书插件提升你的社交策略。
T3】

1.优化您的脸书公司页面

如果你还没有建立你的脸书公司页面,你需要把它作为你的首要任务。你的公司页面将成为你分享文章、与粉丝互动甚至投放广告的中心位置。重要的是要知道你的公司粉丝页面将不同于你的个人资料。

设置您的公司页面

要设置您的公司页面,请从这里开始,然后选择“业务”

Create Facebook page

Create a Facebook page

接下来,脸书会问你一系列关于公司总部所在的地理区域、行业类别等问题。这些信息是必要的,因为它会出现在你的脸书页面的“关于”部分。

这可能是您的客户将看到的第一批信息,因此您需要确保这些信息持续准确和最新。

Facebook business type

脸书商业类型

添加高质量图像

在开始推广你的页面之前,你需要添加两个关键图片。它们是你的个人资料照片和封面照片。当有人浏览你的页面,搜索你的页面,甚至在脸书的新闻订阅上停留在你的页面上时,这些图像会不断地显示出来。因此,你需要确保图像是高质量的,并适合他们的框架。

你的个人资料照片可能是你公司的标志,而你的封面照片可以展示你公司的另一个相关的面貌,包括你的产品、你的客户或更多。

正确尺寸如下:

  • 个人资料照片–它在电脑上以 170×170 像素显示在您的页面上,在智能手机上以 128×128 像素显示,在大多数功能手机上以 36×36 像素显示。对于更高分辨率的显示器,我们推荐 480 x 480 像素
  • 封面照片–在电脑上显示为 820 像素宽 312 像素,在智能手机上显示为 640 像素宽 360 像素。它必须至少有 400 像素宽和 150 像素高。如果你对高分辨率显示器的质量有任何问题,你也可以尝试 1640 x 624 像素。

Facebook profile photo

Facebook profile photo

在线照片编辑工具 Canva 可以帮你设计出高质量的封面照片。或者可以使用 Adobe Photoshop、Sketch、Affinity Designer 之类的软件。此外,有大量的尺寸模板可用,以防您需要帮助,以确保您的设计最大化框架中的可用空间。

Zapier 使用高质量的标志作为他们的个人资料图片,并以一种创造性的方式在他们的封面照片中展示企业所做的事情。

Zapier Facebook page

Zapier Facebook page

安德玛使用他们的标志作为他们的个人资料图片,并在封面照片中突出一位有影响力的人和他们的“Will Finds A Way”活动。

Under Armour Facebook page

Under Armour Facebook page

蓝色围裙更进一步,甚至在封面照片上添加了一段视频,展示他们的客户在不同环境下使用他们的产品。脸书封面视频所需的尺寸为 820 x 312。此外,视频必须在 20-90 秒之间。

Blue Apron Facebook page (video example)

【蓝色围裙】脸书页面(视频示例)

优化您的页面

一旦你的页面启动,并且添加了必要的信息,你可以部署各种策略来优化你的页面,并让它出现在尽可能多的人面前。一些建议是:

  • 给你的页面添加关键词。重要的是要记住,你的页面的"名称对应于标题标签,你的简短描述作为元描述标签因此,确保你的页面名称和描述包括一个焦点关键词,并准确描述你的页面是关于什么的。
  • 在页面上添加行动号召按钮。脸书允许你在你的页面上添加一个行动号召按钮,它会显示在你封面照片的正下方。您可以选择“与您一起预订、联系您、了解您的业务、与您一起购物以进行捐赠、下载您的应用程序或玩您的游戏。”例如,Airtable 邀请用户从他们的脸书页面“注册”时事通讯。

Facebook call to action button

Facebook call to action button

要将此功能添加到您的页面,请单击封面照片下方的“添加按钮”选项,并选择您希望看到的按钮。

Add button to Facebook page

Add button to Facebook page

公司已经通过这个按钮取得了巨大的成功。来自 Dollar Shave Club 的 Brian Kim 表示,“在为期三周的测试过程中,与其他旨在吸引新用户的类似社交广告相比,注册号召按钮的转化率高出 2.5 倍。”

2.定期发布原创内容

现在您的页面已经优化,您可以开始发布内容与您的观众分享。但是你应该分享什么呢?您的帖子应该与您的业务相关,但不应该总是直接推广您的产品或服务。受欢迎的帖子类型包括:

展示您产品的高质量视频,就像 Gap 所做的那样。

Facebook video post content

Facebook video post content

或者一篇与你的客户会发现价值的主题相关的文章,就像 Williams Sonoma 做的那样。

Facebook post content

Facebook post content

或者甚至像 Fitbit 所做的那样,举办一场吸引顾客和粉丝的比赛。

Facebook content post

Facebook content post

在脸书算法减少了显示给企业的有机帖子的数量后,让你的帖子尽可能吸引人比以往任何时候都重要。该算法决定哪些帖子出现在一个人的订阅源中的方式是通过评估库存和信号,做出预测,然后分配相关性分数。

Facebook relevance score

Facebook relevance score (Image source: Neil Patel)

最适合脸书的内容类型

每个人都会问的百万美元问题是,如何让你的帖子更吸引人?

一条经验法则:当有疑问时,看得见。研究表明,视觉内容——图形、图像和视频—的参与度是纯文本帖子的 2.3 倍。

更进一步说,在参与度方面,视频优于图片和纯文本帖子。研究发现“46%的观众说他们在社交媒体上看了一个品牌视频后进行了购买

例如,如果你看看 2017 年最热门的脸书帖子,你会注意到一些独特的东西:几乎所有的帖子都是视频形式的。只有一篇文章进入了前 15 名。用户正在参与直接上传到脸书的视频,这是创建高度可分享帖子的一个因素。

Facebook viral posts

Facebook viral posts (Image source: Buzzsumo)

如果你有一个精简的营销部门(或者即使只有你一个人),视频内容有时会令人生畏。但是不要担心。有很多工具可以帮助你。三个值得一看的例子是:

  • wave . video–这款工具拥有 2 亿个视频、图像和音频文件库。它允许你上传自己的镜头,添加文字效果,视频滤镜和过渡。它还允许您立即将视频调整为 30 多种社交格式,包括方形格式、垂直 Instagram Story 格式和脸书封面。

Wave.video

Wave.video

  • 这个网站标榜自己是“世界上最简单的视频制作商”,老实说这是相当准确的。该工具允许你上传镜头,编辑,添加声音和过渡。这是一个制作可分享的社交媒体内容的伟大工具,甚至允许你直接从网站发布到你的社交频道。

Biteable

Biteable

  • 这个工具使用人工智能为你轻松地组合视频。换句话说,你可以提供你希望出现在视频中的片段,软件会按照你喜欢的风格把它们放在一起。不需要编辑。

Magisto

Magisto

3.在您的照片内容中标记您的产品

脸书现在允许商家在帖子上添加购物功能。该功能使浏览客户能够收集产品信息,甚至在点击出现在他们提要中的图像后购买产品。

你可以给你的产品贴标签,就像你给平台上的人贴标签一样。寻找小购物袋图标。接下来,您将能够通过键入产品名称并从您的网站添加到产品页面的链接来标记您的产品。

Facebook tag product

Facebook tag product

Swell Water Bottle 使用这个功能在他们的脸书页面上展示和销售他们的水瓶。在他们的许多帖子上,你会看到右上角弹出一个“点击查看详情”的横幅。

Facebook tag

Facebook tag

点击标签后,链接到水瓶的产品页面打开,相关产品甚至显示在图片下方。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Facebook product

Facebook product

从那里,用户可以点击链接并被发送到 Swell 的在线商店购买产品。这是一个很好的推动购买的工具,因为它可以作为一个漏斗,将客户推向购买页面。这对于促成更多的购买尤其有价值,尤其是对于那些只是随便浏览你的页面的人。

4.支持、鼓励并参与客户评审

你的客户是你企业的命脉,他们往往有话要说。不管它是积极的还是消极的,它仍然给你一个机会让他们成为你品牌的热情大使。因此,在您的脸书页面上启用查看选项是非常重要的。

要启用您的评论选项卡,请单击“设置”,然后单击“编辑页面”

Facebook edit page

Facebook edit page

然后,向下滚动并选择“添加选项卡”

Facebook add a tab

Facebook add a tab

最后,点击“评论”

Facebook reviews tab

Facebook reviews tab

脸书页面上顾客评论的重要性怎么强调都不为过。2017 年的一项调查发现:

  • 大约 85%的客户“像信任个人推荐一样信任在线评论。”
  • 客户“在信任一家企业之前,平均要审查 7 次——高于去年的 6 次”
  • 当品牌回复评论说“30%的人认为这是评判当地企业的关键因素”时,消费者会重视这一点

积极的评价可能是你的公司需要的认可。金斯塔尝试过我们的服务后,得到了大量的好评。😉

Kinsta reviews

Kinsta reviews

然而,如果你得到的评价不是很正面,也不要担心。负面评论为企业提供了一个测试和展示其客户支持能力的机会。你可以花时间回应评论,并在你的观众面前纠正问题。

例如,当有人在非法蒸馏器中度过了一段不太愉快的时光时,他们会在公司的脸书页面上表达自己的担忧。非法仍然同情地回应,并努力解决这个问题。

Facebook bad reviews

Facebook bad reviews (Image source: AgoraPulse)

评论可以为你的客户提供一个出口,让他们成为你最大的销售人员。确保您启用了该功能,这样就可以分享积极的(也可能有一些消极的)体验,这样您就可以与您的客户联系并扩大他们的影响。不要害怕让你的顾客给你留下反馈。

5.开展脸书广告活动

是时候让你的战略进入进攻模式,看看你如何通过脸书的广告经理开展营销活动。你应该做的第一件事就是在你的 WordPress 网站上获得脸书追踪像素。这样你就可以开始建立一个已经访问过你的网站的观众群,你可以在以后重新定位他们。

脸书广告可能是获取新客户的一种有效且经济的方式。

例如,倭黑猩猩使用脸书广告,结果令人难以置信。在使用轮播广告开展活动后,Bonobos 实现了“3 倍的线下购买增长、2 倍的线下购买广告支出回报、3 倍的网站购买增长,以及 2 倍的网站购买广告支出回报。”

Facebook ad example

Facebook ad example

但让我们明确一点:脸书的广告活动不仅仅是宣传一个帖子。提升一个帖子只是给一个表现良好的帖子增加一点点,所以它会出现在更多人的订阅中。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Facebook boost post

Facebook boost post

然而,脸书的广告活动要复杂得多,而且针对特定的人群。有许多不同类型的脸书广告:

  • 域名广告:这些广告直接点击进入企业网站。

Facebook domain ad

Facebook domain ad

  • 轮播广告:如果你有多种产品要展示,或者想分享一个包含一系列图片的故事,这些广告会很棒。用户可以滚动浏览它们,因为广告会自然地出现在他们的提要中。

Facebook carousel ad

Facebook carousel ad (Image source: Buffer)

  • 优惠广告:这些广告允许您包含店内或在线优惠券,供客户兑换。

Facebook offer ad

Facebook offer ad (Image source: SEM Updates)

  • 视频广告:这种类型的广告可以吸引刚刚浏览过它们的人的注意力。大多数人不会在脸书上开大音量看视频,所以确保你包括字幕以获得更深刻的效果。

Facebook video ad

Facebook video ad

  • 销售线索广告:这些广告非常适合快速获取销售线索信息,如姓名和电子邮件。

Facebook lead ads

Facebook lead ads (Image source: Wise Merchant)

  • Canvas: 这种类型的广告提供了令人惊叹的视频,在用户点击之后,它会在整个屏幕上展开。

Facebook canvas ads

Facebook canvas ads (Image source: Reshift Media)

  • 赞助提及:这是一种很好的广告类型,会在用户的新闻提要中出现。

Facebook sponsored mention ad

Facebook sponsored mention ad

  • 动态广告:这些广告比轮播广告更进了一步,并且与你的产品相关联,这意味着如果它们缺货,它们将不再显示为可用。

Facebook dynamic ad

Facebook dynamic ad (Image source: Mention)

广告对你来说可能是一个非常有价值的营销引擎,但你需要持续监控和优化它们才能取得成功。设置广告时,请确保:

  • 交替你的广告文案和设计。每个广告组中可以有多个广告,因此执行 A/B 测试并使用多个组。
  • 利用长相相似的观众。如果你导入一个. csv 格式的客户电子邮件,脸书就可以锁定对你的产品或服务感兴趣的潜在客户。

要开展广告活动,从脸书的广告经理开始。登录后,您可以选择您的公司页面,然后输入您的页眉、正文、图形和网站。

Facebook ad campaign

Facebook ad campaign (Image source: OkDork)

脸书广告是获得新客户和继续向已有客户营销的好方法。有了正确的广告文案和设计,你可以吸引和诱惑新客户与你的品牌互动。

6.利用您的脸书页面洞察力

在你的网站上实施了所有这些策略之后,你需要一种方法来评估什么是有效的,什么对你的业务来说可能是不值得的。也许你需要改变你的发布时间表,或者你需要投放更多有针对性的广告。

您可以在您企业的粉丝页面上的“洞察”选项卡中找到这些信息。这个工具对于你在即将到来的活动中如何分配时间和金钱做出明智的决定非常有价值。

您可以通过点击您企业的粉丝页面工具栏上的“洞察”选项卡来访问此功能。

Facebook Insights

Facebook Insights

仪表板会打开一个“页面摘要”这为用户提供了一个快速、可理解的页面健康状况以及他们发布的活动或内容的快照。

Facebook Insights page summary

Facebook Insights page summary

“页面概要”选项卡上显示以下度量:

  • 页面上的操作–这包括用户在公司页面上的所有操作(如分享、评论)。
  • 页面浏览量–这是你的页面在一段时间内获得的浏览量。
  • 页面预览–当有人将鼠标悬停在你的页面上,并且它出现在他们的新闻订阅源中时,这被认为是页面预览。
  • 页面点赞——这是有人点击“点赞”来点赞你公司的脸书页面的次数。
  • 接触——这是贵公司在脸书通过贵公司脸书页面上的帖子接触到的独特人的数量。
  • 帖子参与度–这是您的所有帖子在一段时间内收到的互动总数。它包括你在公司的脸书页面上发表的所有帖子。
  • 视频浏览量–您的视频的总浏览量。在有人至少看了 3 秒钟后才被认为是视图。
  • 页面追随者-人们可以在你的脸书页面上选择加入或退出你的帖子,所以这个指标显示了你获得了多少页面追随者。

在那里,用户可以从左侧的菜单中选择各种选项,包括促销、关注者、喜欢、到达、页面查看、页面预览、页面上的操作、帖子、品牌内容、事件、视频、故事、人物和消息。

“页面上的操作”和“帖子”视图有助于评估哪些类型和主题的帖子表现良好。这有助于您集中精力使用新数据开展未来活动。

Facebook actions on page

Facebook actions on page

“喜欢”页面是了解你获得了多少粉丝的好地方。这些图表提供了过去几年的历史情况,以显示所取得的进展。

Facebook page likes

Facebook page likes

所有这些工具在评估、审计和设计你的脸书营销活动和编辑日历时都非常有用。

摘要

不可否认:你必须在脸书进行营销。尽管脸书最近犯了一些错误,但这个社交媒体巨头仍然屹立不倒。平台上有几十亿人。对你的数字营销努力来说,完全忽视它们将是一个错误。

要吸引这些人,首先要在脸书上建立自己的公司页面。这将作为您的“大本营”,为您的客户托管各种内容和行动要求。接下来,在你的页面上分享更新,并有一个定期的发布时间表。这将是吸引和发展你的追随者的好方法。

如果您销售实物产品,可以考虑使用“标记产品”功能。这将有助于您的客户在您的页面上获得更加顺畅的购买体验。管理您的客户评论并与客户互动。记住,负面评价给你提供了一个改正错误的机会。利用这一点,将愤怒的顾客转变为对你的品牌感到高兴的人。

此外,不要忘记定期检查使用你的品牌名称的虚假商业页面。你必须保护你的品牌形象,并确保潜在客户只看到你想让他们看到的东西。您可以在此了解更多:如何以及为何提交脸书商标侵权报告。

通过脸书的广告活动瞄准新客户。回顾你在脸书洞察力方面的所有进展。这些数据将有助于你做出未来的营销决策,并找出目前哪些是有效的,哪些需要进一步调整。

什么样的脸书营销策略对你的企业有效?我们很乐意在下面的评论中听到他们的消息。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何修复 WordPress 中的脸书 oEmbed 问题

原文:https://kinsta.com/blog/facebook-oembed/

从 10 月 24 日开始,脸书已经停止支持未经认证的 WordPress 嵌入。因此,如果你在你的 WordPress 网站上嵌入脸书和 Instagram 内容,它们会崩溃。

更具体地说,旧的脸书 oEmbed 端点正在被需要通过脸书进行身份验证的新端点所取代。由于脸书拥有 Instagram,同样的要求也适用于 Instagram oEmbed 端点。

在本文中,我们将介绍 WordPress 如何使用脸书和 Instagram oEmbed 端点,更新了哪些内容,以及如何修复这些内容以使您的嵌入保持正常工作。

让我们准备好!

T3】

WordPress 如何使用 oEmbed 来嵌入内容

oEmbed 是一种协议,允许网站只需一个 T2 URL T3 就可以嵌入来自其他第三方网站的内容。它的设计主要是为了避免从其他网站复制粘贴 HTML。WordPress 使用 oEmbed 来显示嵌入的内容(比如的照片或者的视频)。

你所需要做的就是把资源 URL 放在内容区,WordPress 会自动把它变成一个嵌入,并显示它的实时预览。

Embedding content with just a URL in WordPress

Embedding content with just a URL in WordPress

在上面的例子中,我粘贴了一个 YouTube 视频链接,WordPress 自动将其转换为视频嵌入。oEmbed 协议是 WordPress 嵌入多种类型内容的基础,例如来自各种社交媒体平台的视频、图像、更新等。

虽然 WordPress 允许你嵌入来自任何注册的 oEmbed 提供商的清理过的 iframe,但出于安全原因,它不会默认嵌入所有 iframe。默认情况下,它仅嵌入某些经批准的 oEmbed 提供商的 URL。

WordPress 的可信 oEmbed 提供商名单包括大多数流行的内容托管和社交网站,如 Imgur、脸书、Instagram、Tumblr、YouTube、Vimeo 等。这些提供者可以嵌入任何内容,比如视频、iframes、JavaScript,甚至随机的 HTML。
T3】

脸书和 Instagram 嵌入式端点(传统)

脸书和 Instagram oEmbed 端点是将脸书和 Instagram 内容嵌入 WordPress 网站的支柱。

An example of how WordPress embeds Facebook content

An example of how WordPress embeds Facebook content

脸书 oEmbed 端点不仅允许 WordPress 获取主要内容,还可以获取元数据,如页面名称和徽标、日期和时间、缩略图、赞数、评论和分享,以及源的 URL。

An example of how WordPress embeds Instagram content

An example of how WordPress embeds Instagram content

从 Instagram 嵌入内容也是如此。您不仅可以看到嵌入的图像,还可以看到与其相关的重要元数据信息。

新的脸书和 insta gram“o embed”端点

脸书宣布从 2020 年 10 月 24 日起淘汰其现有的 oEmbed 端点。他们现在将这些旧端点称为传统 oEmbed 端点

到 2020 年 10 月 24 日,开发者在通过 UID、FB OEmbeds 和 IG OEmbeds 查询 Graph API 获取用户档案图片时,必须利用用户、应用或客户端令牌。当通过 UID 或 ASID 查询个人资料图片时,开发人员应该提供一个用户或应用程序令牌,尽管也支持客户端令牌。请访问我们关于 用户图片 脸书 OEmbed insta gram OEmbed的变更日志,了解今天如何开始调用这些图形 API 端点的详细信息。
开发商的脸书

您现在需要什么来利用脸书 oEmbed API

与 oEmbed 的开放 web API 性质相反,新的脸书 oEmbed API 有各种要求:

  • 您需要有一个脸书开发者帐户。
  • 然后你需要有一个注册的脸书应用程序来生成一个唯一的应用程序 ID。
  • 接下来,您必须为您注册的应用程序启用 oEmbed 产品。
  • 然后,您必须生成应用程序访问令牌或客户端访问令牌。
  • 最后,你必须将脸书应用程序设置为实时模式。

作为对这些新要求的回应, WordPress 正在删除脸书和 Instagram 作为可信 oEmbed 来源。

我们期望下一个主要的 WordPress 更新包含这些变化。如果你正在使用 Gutenberg 插件,最新的 Gutenberg 9.0 版本已经移除了对它们的支持。

老脸书和 Instagram 嵌入会怎么样?

WordPress 在其数据库中的**post meta**或隐藏的**oembed_cache**帖子类型下缓存 oEmbed 响应(目前仅用于小部件)。

由于 WordPress 没有默认清除这些值,嵌入的内容将继续存在于你的网站上。

但是如果您从数据库中手动删除它们,它们将被清除。因此,你在 10 月 24 日截止日期前添加的任何脸书或 Instagram 嵌入内容,即使在弃用日期后也会继续存在。

如何嵌入脸书和 Instagram 内容(10 月 24 日之后)

如果您尝试在脸书或 Instagram 放弃传统 oEmbed 端点后嵌入内容,您和您的用户可能会收到 HTTP 400 错误作为响应。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

为了帮助我们测试 2020 年 10 月 24 日之后嵌入尝试将如何出现,脸书为传统 oEmbed 端点添加了一个参数来模拟错误。我测试了一下,结果如下。

A simulated embed using legacy Facebook oEmbed endpoints 

A simulated embed using legacy Facebook oEmbed endpoints

脸书的回退嵌入将作为小摘录(最多 120 个字符)出现在块引号内。它还将包括作者和原始来源的链接,但除此之外没有其他内容。

甚至没有提到脸书,除了链接,点击链接会带你去脸书。

A simulated embed using legacy Instagram oEmbed endpoints 

A simulated embed using legacy Instagram oEmbed endpoints

相比之下,Instagram 的回退嵌入要好得多,嵌入结构几乎保持不变。

话虽如此,这是一个暂时的问题。一旦 WordPress 从其核心中移除了脸书和 Instagram oEmbed 端点,传统的 oEmbed 端点将不再是问题。

嵌入脸书和 Instagram 内容的唯一方法就是遵守脸书的要求。您将在下一节中学习如何做到这一点。

如何修复 WordPress 中的脸书和 Instagram oEmbed 问题

恢复 WordPress 中脸书和 Instagram 嵌入的最简单方法是使用 Ayesh Karunaratne 的免费 oEmbed Plus 插件。它可以帮助您实现新的脸书 oEmbed 端点,以重新启用块编辑器中的脸书和 Instagram 嵌入。

oEmbed Plus plugin

The oEmbed Plus WordPress plugin

要开始使用它,首先安装并激活插件

厌倦了 WordPress 的问题和缓慢的主机?我们提供世界一流的支持,由 WordPress 专家提供 24/7 服务和超快的服务器。查看我们的计划

注意: oEmbed Plus 需要 PHP 7.3 或更高版本才能工作。如果你目前的 WordPress 主机还不支持 PHP 7.3+版本,我们强烈建议你寻求新主机

接下来,为开发者创建一个脸书账户,如果你还没有的话。然后,创建一个 App。在我的例子中,我将我的应用程序命名为“WordPress 站点”,但是你可以随意命名。

Create an App in Facebook for Developers portal

Create an App in Facebook for Developers portal

创建应用程序将自动为其生成一个应用程序 ID

你可以通过进入你的应用仪表板下的设置→基本面板来查看你的应用 ID应用密码。记下这两个值,因为您稍后会用到它们。

Facebook for Developers ‘App ID’ and ‘App Secret’

Facebook for Developers ‘App ID’ and ‘App Secret’

当你在这里的时候,也要设置隐私政策 URL ,因为这是让应用程序上线所必需的。建议使用适当的隐私政策,这样你的应用就不会被列入黑名单。

默认情况下, oEmbed 产品自动启用,因此您可以保持原样。

接下来,进入你的 WordPress 仪表盘中的设置→写作屏幕,搜索脸书和 Instagram 嵌入设置部分。在这里,输入你之前记下的应用 ID应用秘密值。

Configuring oEmbed Plus plugin settings

Configuring oEmbed Plus plugin settings

或者,您可以将应用 ID应用秘密添加到您的 **wp-config.php**文件中。下面是您需要使用的代码片段:

define('OEMBED_PLUS_FACEBOOK_APP_ID', '7168...app.id...789');  
define('OEMBED_PLUS_FACEBOOK_SECRET', '20e5...app.secret...890xyz');

不要忘记将上面显示的值更改为您自己的值!完成后,保存文件。

如果你编辑**wp-config.php**文件来配置 oEmbed Plus,它会自动禁用你的 WordPress 仪表盘中的应用 ID应用秘密表单字段。因此,你可以对其他用户保密你的应用凭证。

差不多就是这样!

所有新的脸书和 Instagram 嵌入现在都使用新的认证 API 在你的 WordPress 站点中嵌入内容。

其他专用的社交媒体插件,如 Instagram FeedSocial Post Feed ,也增加了对新的脸书 oEmbed 端点的支持。

然而,这些插件捆绑了许多功能,因此对于这种特定的用例来说,它们可能是不必要的膨胀。如果你已经在使用它们了,那么你可以去看看。

目前,脸书对他们新 API 的速率限制很慷慨。它们允许你每天发出多达 500 万个请求。由于 WordPress 将 oEmbed API 响应缓存在数据库中,所以除了第一个请求之外,嵌入不会触发任何进一步的请求。你可以参考脸书更新的 oEmbed 文档了解更多信息。

摘要

WordPress 是当今最流行的 CMS。同样,和 Instagram 是最受欢迎的社交媒体平台。因此,这一变化可能会影响数百万个网站。

在 WordPress 中嵌入社交媒体内容为你的网站访问者提供了更独特的体验。从 2020 年 10 月 24 日开始,许多不知情的用户会发现嵌入脸书和 Instagram 内容令人沮丧。我们希望这篇文章能帮助你纠正 WordPress 的脸书 oEmbed 问题。

如果你仍然面临脸书和 Instagram 嵌入的问题,请在评论中告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

野生和有趣的脸书统计和事实(2022)

原文:https://kinsta.com/blog/facebook-statistics/

因为脸书是世界上最大的社交网站,拥有超过 22 亿的月活跃用户,所以脸书有很多疯狂有趣的统计数据也就不足为奇了。令人兴奋的脸书统计数据和事实包括那些埋藏在该公司的起源,到其最新的项目,因为它继续确保其在世界大部分地区的主导地位和权力,为投资者,营销人员,甚至你的普通脸书用户提供见解。

Facebook is the largest social networking site in the world. Check out these wild and interesting facts! 🤓Click to Tweet

脸书社交媒体革命的起源

2004 年 2 月 4 日,马克·扎克伯格与哈佛大学的同学和室友爱德华多·萨维林、安德鲁·麦科勒姆、达斯汀·莫斯科维茨和克里斯·休斯一起创办了脸书。

Facebook founders

Facebook founders (Image source: Le Journal de Montréal)

今天这个影响力空前的强大公司的起源是扎克伯格创建的一个名为“Facemash”的网站。这个网站从哈佛大学九所学院的在线“脸谱”上提取照片,并要求用户选择“更性感”的人。

Facesmash

Facesmash (Image source: IncomeDiary)

不用说,校园管理人员并不以为然。他们关闭了网站,并威胁扎克伯格将被精英学校开除。扎克伯格没有被吓倒,他有了另一个想法。这一次,扎克伯格决定将带有照片和基本信息的校园学生名录(被称为“脸书”)放到网上。这个想法不完全是扎克伯格的,因为哈佛已经计划做同样的事情。然而,扎克伯格认为学校花了这么长时间才把它们放上去是很可笑的,所以他建立了自己的网站。该网站最初名为“TheFacebook.com”,只对哈佛学生开放,后来对波士顿地区的学生和常春藤盟校的学生开放。到 2006 年,它对任何年满 13 岁的人开放。

Thefacebook

Thefacebook (Image source: The Wayback Machine)

当然,甚至在脸书向所有人开放之前,扎克伯格就发现自己陷入了法律纠纷,因为他的同学卡梅隆·文克莱沃斯、泰勒·文克莱沃斯和迪维娅·纳伦德拉起诉他涉嫌窃取他们的想法。根据协议,他们每人获得了 120 万股公司股票。2004 年公司成立时,肖恩·帕克成为脸书的第一任总裁,在获得 PayPal 联合创始人彼得·泰尔的 50 万美元天使投资后,公司搬到了加州的帕洛阿尔托。第二年,该公司在以 20 万美元收购 facebook.com 后,去掉了名字中的“The ”,转到了现在的域名“Facebook . com”。2007 年,脸书推出了 Facebook Marketplace,允许用户发布分类广告。也是在那一年,脸书应用开发者平台被引入,允许开发者在脸书上创建应用和游戏。接下来的一年对这个社交媒体巨头来说是重要的一年。2008 年,它在爱尔兰都柏林建立了第一个国际总部。此外,还推出了脸书聊天,以及诸如你可能认识的人、脸书墙和脸书连接等功能。
T3】

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

挖掘脸书的人口统计数据

脸书有多少用户?看看这些脸书用户统计数据:截至 2018 年第二季度,脸书拥有 22.3 亿月活跃用户,其中 68%的美国人使用社交媒体平台。尽管美国人非常依赖社交媒体网站,但超过 85%的脸书用户来自美国和加拿大以外的地区。

Monthly Facebook users

Monthly Facebook users (Image source: Statista)

脸书在 2008 年 8 月 26 日突破了 1 亿用户大关。到 2010 年 7 月,它已经拥有 5 亿用户。第二年,脸书在的页面浏览量突破了 1 万亿次。同年,尼尔森发现脸书是美国第二大访问量网站和 T4 最受欢迎的社交网站。然后,2012 年 9 月,脸书达到10 亿用户,2017 年达到20 亿用户。尽管脸书在几乎所有人群中都相当受欢迎,但它正在失去对青少年的吸引力。只有 51%的 13-17 岁青少年使用脸书,而其他社交媒体平台在这方面做得更好:85%的人在 YouTube 上,72%的人在 Instagram 上,69%的人在 Snapchat 上。这些青少年的最新数据显示,与三年前使用脸书的青少年的 71%相比,有了显著下降。

Teens using Facebook

Teens using Facebook (PEW Research Center)

当梳理青少年的数据时,一个有趣的脸书统计数据上升到首位,即低收入家庭的青少年倾向于脸书。尽管使用脸书的女性比男性多——分别为 74%和 62%——脸书的最大用户群是 25-34 岁的男性,占所有用户的 18%。

Facebook users by age and gender

Facebook users by age and gender (Image source: Statista)

有这么多的人在脸书上忙来忙去,当意识到任何给定的用户与另一个用户之间只有 3.57 度的距离时,真是令人震惊。尽管普通的脸书用户有 338 个朋友,但他们认为 T2 只有 28%的朋友是真正的或亲密的朋友。

Facebook average degrees of separation

Facebook average degrees of separation (Image source: Facebook Research)

另一个疯狂的脸书统计数据是,普通脸书用户联系的真正朋友比他们从未见过面的人少,这些人占用户联系的 39%。此外,通过其他有趣的脸书统计数据,结果显示 47%的父母在社交媒体平台上与他们的孩子成为朋友。

Facebook friends with parents

Facebook friends with parents (Image source: PEW Research Center)

脸书数据和使用统计

脸书每天产生 4pb 的数据,也就是 100 万 GB。所有这些数据都存储在所谓的 Hive 中,它包含大约 300 的数据。这种巨大的内容生成量无疑与这样一个事实有关,即脸书用户在该网站上花费的时间比其他任何社交网络都多,每天大约花费一个小时。如果你不确定你是否是一个高于平均水平的脸书用户,你现在可以利用该网站的工具“你在脸书的时间”来计算,你猜对了,你在该网站上花了多少时间

Minutes spent per day on social apps

Minutes spent per day on social apps (Image source: Recode)

对脸书用户来说,关注他们的使用情况很重要的一个原因是这个网站容易让人上瘾。大约四分之三的脸书用户每天都会访问该网站,51%的用户每天会访问几次。

Daily usage Facebook

Daily usage Facebook (Image source: PEW Research Center)

事实上,Harris Poll 最近的一项调查显示,用户发现脸书是最难放弃使用的社交媒体网站。虽然扎克伯格是一名程序员,但他实际上主修心理学,这可能解释了他对开发一个如此令人上瘾的网站的见解。参与该网站的人数不断增加,每分钟大约有 400 名用户注册脸书。当然,在那的一分钟,脸书发生的事情远不止 400 人的加入。每 60 秒发布 51 万条评论,更新 29.3 万条状态,400 万个帖子被赞,上传 13.6 万张照片。但是,这对脸书来说还不够。为了寻找增加与帖子和广告互动的方法,脸书在 2016 年发布了“反应”选项。在该功能发布后的一年里,超过 3000 亿次反应被使用。当然,并不是所有关于脸书的互动、反应,甚至是描述都是合法的。事实上,脸书在 2018 年前三个月删除了5.83 亿个虚假账户。即使删除了数百万个账户,脸书用户数量的稳步增长意味着越来越多的帖子争夺用户的注意力。脸书承认,在任何时候,都会有超过 1500 篇报道在用户的新闻订阅中争夺一席之地。然而,脸书只选择大约 300 个故事出现在用户的订阅源中。这些故事的选择方式在 2018 年发生了变化,当时脸书宣布调整其算法,优先考虑用户的朋友和家人的帖子。尽管许多脸书用户对这一变化欢欣鼓舞,但对于寄希望于有机食品的公司来说,这却是个坏消息。现在,他们需要更多地依靠付费广告最终出现在用户的新闻提要中。扎克伯格承认,在新的算法大修后,人们在网站上花费的时间越来越少:每天减少 5000 万分钟,每个用户只需 1-2 分钟。不仅如此,自成立以来,脸书在 2017 年第四季度首次出现美加用户群减少的情况。从第三季度的 1.85 亿增长到第四季度的 1.84 亿。虽然 100 万用户可能看起来只是沧海一粟,但值得注意的是,来自美国和加拿大的每个月活跃用户平均带来 27 美元的收入。

Facebook daily active users in the US and Canada

Facebook daily active users in the US and Canada (Image source: Recode)

使其成为一家移动公司

2014 年,扎克伯格说,“我们现在是一家移动公司”看看这些脸书的使用统计:他不是在开玩笑;脸书专注于让移动设备成为他们 T2 关键战略 T3 的一部分。现在,95.1%的人用他们的智能手机访问脸书,这使他们能够比用他们的台式机更快地消费内容。

Facebook device usage

Facebook device usage (Image source: Statista)

A whopping 95.1% of people access Facebook with their smartphones! 😲Click to Tweet

总共有 47%的脸书用户通过他们的移动设备访问网站。事实上,该公司在 2016 年 11 月达到了 10 亿纯移动月度用户。几个月前,它的移动活跃用户日均突破 10 亿。

*Facebook mobile monthly active users

Facebook mobile monthly active users (Images source: VentureBeat)

2017 年,脸书发布了脸书精简版和信使精简版,这些应用程序是为生活在互联网缓慢的发展中国家的人们设计的。截至当年 6 月,脸书 Lite 用户约有 2 亿。考虑到移动设备可以做的所有事情,意识到花在这些设备上的所有时间的 19%都花在了脸书上,真是令人震惊。显然,脸书在成为“移动公司”方面做得非常出色。

US time spent by app category

US time spent by app category (Image source: Flurry)

被称为下一个大趋势的视频

扎克伯格有一句名言,视频是继手机之后的下一个大趋势。不仅仅是视频紧随移动设备之后,移动设备为视频内容的普及铺平了道路:人们在手机上观看脸书视频的可能性的五倍。

平均而言,脸书每天产生超过 80 亿的视频内容浏览量;每天有超过 1 亿小时的视频被观看。尽管视频内容只占脸书内容的 3%,但它比其他类型的帖子吸引了更多的关注。

视频的平均分享量是脸书上其他内容的 89.5 倍,是该网站上分享量最大的内容类型。此外,脸书本地视频的到达率是 YouTube 链接的 10 倍,这也是越来越多的公司通过他们的 T2 脸书页面上传视频内容的原因之一,而不仅仅是分享链接。

Facebook video share averages

Facebook video share averages (Image source: Mari Smith)

关于用户在网站上观看视频内容的一个奇怪的脸书统计数据是,85%的用户在观看视频时关闭了声音,80%的用户觉得 T2 的视频自动播放声音很烦人。正因为如此,字幕视频广告可以增加 12%的浏览量。用户调整视频以获得更好结果的另一种方式是制作方形视频,这种视频在移动新闻订阅源中占据的空间比风景视频多 78%。脸书为推广视频内容所做的另一项调整是在 2016 年推出了脸书直播。自其诞生以来,已有近 20 亿人观看了约 35 亿次广播。使用脸书 Live 的趋势正在迅速增长;在过去的一年中,页面播放量增加了 50%。而且,经常直播是值得的,因为直播视频在实际播放期间的观看时间是重播时间的三倍。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

算出脸书的财务数字

脸书在 2012 年进行了首次公开募股,融资 1040 亿美元,成为迄今为止新上市公司的最大估值。它筹集了 160 亿美元,成为美国历史上第三大基金。2010 年,价值 410 亿美元的脸书成为美国第三大网络公司,仅次于谷歌和亚马逊。根据该公司发布的 2018 年第二季度收益,脸书未能达到其预计收益133.6 亿美元,实际收益为 132.3 亿美元。广告收入也低于预期的 131.6 亿美元,实际收入为 130.4 亿美元。脸书确实表示,它预计今年的收入增长率会更低,因为该公司专注于不产生收入的故事,并加强隐私和安全,以符合一般数据保护法规( GDPR )。收入下降还可能归因于一系列与隐私和 2016 年美国总统大选相关的负面公关问题。尽管脸书的投资组合中有许多金融奖项,但他们也有一些不那么令人愉快的情况,例如成为第一家在一天内损失超过 1000 亿美元股票的公司,这是在 2018 年 7 月 26 日。

脸书收购

对于许多脸书用户来说,脸书和 Messenger 没有区别。然而,该公司在 2011 年 3 月将 Messenger 作为独立应用发布,此前从 Beluga 收购了它。现在大约有 12 亿人使用 Messenger。然而,Messenger 对于脸书的消息应用程序组合来说是不够的。2014 年 2 月,该公司以 190 亿美元收购了 WhatsApp,这是迄今为止最大的一笔收购。收购的目标是让该公司打入国际信息领域。WhatsApp 价格高昂的一个主要原因是其用户的快速增长,每天有 100 万用户。这家社交媒体巨头的另一项重大收购是 2012 年以 10 亿美元收购 Instagram,就在它首次公开募股的前一个月。此次收购将一家社交媒体竞争对手变成了脸书的独立照片应用。展望娱乐和社交媒体的未来,2014 年 3 月,脸书以 20 亿美元的现金和股票收购了 Oculus VR。Oculus VR 是一家为游戏制作虚拟现实耳机的公司。当被问及他对公司的愿景是什么时,扎克伯格表示,他计划将 Oculus VR 不仅用于游戏。具体来说,他想让它成为一个更多体验的平台。他举的一个例子是,他可以坐在家里观看场边篮球赛。另一个例子是用户与他们的医生进行一对一的对话。

脸书商业统计

到 2007 年,脸书拥有超过 10 万个公司网页,允许企业展示他们的信息,吸引潜在客户。在接下来的十年里,这个数字飞速增长;目前有超过 6000 万的脸书商业网页。这些页面是脸书生态系统不可或缺的一部分,不仅仅是因为广告收入,还因为用户与它们互动。近 40%的人喜欢或关注脸书页面,以便获得特别优惠。结果还表明,32%的人经常使用脸书页面,每个月在脸书页面上留下超过 50 亿条评论。

Facebook engagement

Facebook engagement (Image source: Ecommerce CEO)

甚至在脸书的新算法实施之前,《脸书邮报》的平均有机接触率为页面总受众的 2.6%。现在,这个数字肯定更低了,这使得企业增加职位和为脸书推广职位留出营销资金变得更加重要。有趣的是,追随者越少的页面,接触率和参与度越大。9gag 和 BoredPanda 等病毒出版商深受脸书算法变化的影响,参与度大幅下降。

Facebook-influence declines

Facebook-influence declines (Image source: Digiday)

然而,任何单个品牌的参与度都取决于他们在创建与受众产生共鸣的帖子方面的流利程度。大量使用推广帖子可能会让用户失去兴趣,近 60%的用户不喜欢太多的推广帖子。

Annoying actions brands take on social media

Annoying actions brands take on social media (Image source: SocialMediaToday)

平均而言,品牌每天发布八次,其中许多利用了详细说明发布最佳时间的研究,这些研究通常认为周四和周五是将你最重要的内容放到网上的最佳时间。为了让你的品牌获得成功,挖掘你自己对一周中高参与度的日子和一天中高参与度的时间的洞察力是很重要的。当然,由于 40%的脸书用户不喜欢任何品牌页面——企业让自己的内容受到关注的最佳方式是利用脸书的广告。

脸书广告的优势

脸书的大部分收入来自广告收入。营销人员每年花费数十亿美元,根据用户档案锁定目标客户。由于 93%的营销人员经常使用脸书广告,2018 年仅在 Q1,该公司就从广告中赚了 118 亿美元。

Facebook ad revenue

Facebook ad revenue (Image source: VentureBeat)

脸书在 2017 年获得了近 400 亿美元的广告收入,占全球广告市场 2030 亿美元的 20%。有趣的是,在使用脸书广告作为营销活动一部分的 300 万家企业中,约 70% 位于美国境外。社交媒体巨头对移动的关注再次推动了其广告收入的成功,脸书 91%的广告收入来自针对移动设备的广告。脸书广告如此受众多营销人员欢迎的一个原因是,较大的预算并不一定意味着更多的曝光。这使得它对中小型企业特别有吸引力。在所有行业中,脸书广告的平均每次点击成本为 1.72 美元,平均点击率为 0.9%。虽然乍一看,这些数字可能并不惊人,但事实证明,点击过脸书广告的人中有 26%已经购买了。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Facebook ads average cpc

Facebook ads average CPC

毫不奇怪,人们更有可能点击与他们的兴趣相关的广告,这就是脸书相关性得分的来源。相关性分数取决于参与度。高相关性分数意味着更多的参与度和更低的广告成本。例如,相关性分数为 3 的成本比分数为 8 的成本高 73%。而且,它的 CTR 得分低 77%。

Facebook CPC CTR

Facebook CPC and CTR (Image source: AdEspresso)

为了迎合商业的需要,脸书开发了几种类型的广告。最有效的形式之一是视频。然而,脸书研究发现,脸书视频广告价值的 47%发生在视频的前三秒。这意味着想要利用脸书视频广告的营销人员需要直奔主题。在其他形式的广告中,归根结底是使用正确的形象,这占了广告效果的 75-90%。

脸书面临着比盈利能力更大的问题

作为世界上最大的公司之一,脸书并没有毫发无损地度过它的 14 岁生日。从个人信息传播到假新闻,该公司面临的重大社会问题超出了应有的范围。

假新闻

大约 45%的美国成年人从脸书网站获取新闻,尽管只有 5%的美国人“非常”相信他们从该网站获取的新闻。美国人不太相信他们从社交媒体网站获得的信息。约 37%的美国人信任社交媒体新闻,85%的人信任地方新闻机构的信息,72%的人信任全国性新闻机构。来自朋友和家人的新闻介于国家新闻和地方新闻之间,有 76%的人信任他们。2015 年,脸书的算法被编程为省略误导性内容。用户也可以标记“虚假或欺骗性新闻”然后,在 2016 年,他们宣布了通过开发新产品、与事实检查员合作、回击有虚假故事的网站以及启动脸书新闻项目来解决虚假信息传播问题的计划。尽管如此,俄罗斯巨魔在脸书传播假新闻以影响 2016 年美国总统大选的后果继续削弱脸书用户对通过该平台发现的新闻的信任。

脸书隐私

脸书和其他科技巨头的许多批评者的另一个主要担忧是用户的数据隐私。脸书最近的丑闻围绕着剑桥分析公司。这家分析公司因涉嫌通过脸书收集超过 8700 万人的数据而受到调查。剑桥分析公司(Cambridge Analytica)获取的数据被认为是用来通过“心理目标”影响 2016 年大选甚至英国退出欧盟的结果。

脸书展望未来

尽管被要求在国会面前就俄罗斯干预总统选举作证,脸书需要扑灭许多其他火灾,但该公司继续向前看,为自己的研发团队提供资金。

Facebook Watch

Facebook Watch 是大约一年前首次向美国用户推出的视频点播服务。现在对所有脸书用户开放。与 Amazon Originals 一样,Facebook Watch 在其频道上托管独特的内容。合作伙伴制作内容,保留 55%的收入——脸书抽成 45%。目前,脸书正在探索如何使他们的节目更具互动性,这可能采取虚拟现实的形式。

虚拟现实

在 2014 年购买 Oculus VR 的之后,扎克伯格宣布了他让10 亿人进入 VR 的目标。这个目标可能很快就会成为现实,因为脸书在 2018 年 5 月推出了该公司的独立耳机 Oculus Go。

Facebook Oculus Go

Facebook Oculus Go (Image source: Recode)

Oculus Go 售价 199 美元,不需要高端智能手机来操作。

向右滑动脸书约会

2018 年 5 月,脸书宣布将开发自己的约会服务——直接与流行的 Tinder 应用竞争。截至 8 月,它仍处于测试阶段。目前,它没有被设计成一个独立的应用程序,而是脸书本身的一个功能。

Facebook dating

Facebook dating (Image source: TechCrunch)

脸书的《工作场所》

脸书的《工作场所》是该公司对商业协作工具的一次尝试。它完全独立于用户的个人脸书帐户,需要一个工作电子邮件帐户来设置。最初于 2016 年宣布,脸书试图利用用户对该平台的熟悉,以及它与其他常用商业应用和工具集成的轻松程度。该工具的标准层仅通过邀请提供。有兴趣获得 premium 帐户的公司可以开始注册,无需邀请。

其他随机脸书统计和事实

如果让你猜猜扎克伯格一年挣多少钱,那会是数百万——很高的数百万,你可能不会错。但是,如果你猜到他的工资是多少,你就不会接近了。扎克伯格的年薪只有可笑的 1 美元。虽然扎克伯格的脸书网址是https://www.facebook.com/zuck,但它原本是www.facebook.com/4,因为他是第四个加入该网站的人。现在,他的旧网址只是重定向到他的新网址。尽管脸书在世界上有巨大的吸引力,但它在世界上最大的在线市场之一——中国却不见了。事实上,脸书在中国是被禁止的。这对于任何一个 T4 的粉丝来说都是一种耻辱,c 罗是社交媒体网站上最受欢迎的名人,拥有 1.22 亿粉丝。在这方面,夏奇拉以 1.02 亿粉丝获得银牌。

摘要

这家社交媒体巨头在世界上的相关性日益增长,从它最初作为一个评价这个人有多热的网站开始,这意味着它的历史充满了有趣的脸书统计数据,可以帮助你了解该公司的轨迹。

尽管脸书已经失去了对青少年的吸引力,这可能会给该公司带来问题,但营销人员仍在该网站上投入数十亿美元做广告,因为它有能力根据人口统计和兴趣锁定用户。

无论你如何使用脸书,了解正确的脸书统计数据将帮助你最大限度地利用社交媒体平台。如果脸书是你的主要社交渠道之一,一定要阅读我们的最佳 WordPress 脸书插件列表。没有看到你最喜欢的脸书统计数据或事实?在下面的评论区分享吧!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。*

使用 FastAPI for Python 构建应用程序

原文:# t0]https://kinta . com/blog/fastapi/

FastAPI 是一个快速轻量级的 web 框架,用于使用 Python 3.6 及更高版本构建现代应用编程接口。在本教程中,我们将介绍使用 FastAPI 构建应用程序的基本知识,您将会对它被提名为 2021 年 T2 最佳开源框架之一的原因有所了解。

一旦你准备好开发你自己的 FastAPI 应用程序,你将不必寻找一个地方来托管它们。Kinsta 的托管的应用和托管服务的数据库提供了一个基于 Python 的平台即服务。

先学基础吧。

FastAPI 的优势

下面是 FastAPI 框架给项目带来的一些优势。

  • 速度:顾名思义,FastAPI 是一个非常快的框架。其速度可与 GoNode.js 相媲美,这两个软件通常被认为是构建 API 最快的选项之一。
  • 易于学习和编码: FastAPI 已经计算出了制作一个生产就绪的 API 所需的几乎所有东西。作为使用 FastAPI 的开发人员,您不需要从头开始编写所有代码。只需几行代码,您就可以准备好部署 RESTful API。
  • 全面的文档: FastAPI 使用 OpenAPI 文档标准,所以可以动态生成文档。该文档提供了关于 FastAPI 的端点、响应、参数和返回代码的详细信息。
  • bug 少的 API:FastAPI 支持自定义数据验证,允许开发者构建 bug 少的 API。FastAPI 的开发者夸口说,该框架减少了人为错误——减少了 40%。
  • 类型提示:Python 3.5 中引入了类型模块。这使您能够声明变量的type。当一个变量的类型被声明时,ide 能够提供更好的支持并更准确地预测错误。

Considering FastAPI for your next project? 🤔 Check out its advantages in this guide:Click to Tweet

如何开始使用 FastAPI

要遵循本教程并开始使用 FastAPI,您需要先做几件事。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

确保你有程序员的文本编辑器/IDE,比如 Visual Studio 代码。其他选项包括崇高文本浓缩咖啡

让 Python 应用程序及其实例在虚拟环境中运行是一种常见的做法。虚拟环境允许不同的程序包集和配置同时运行,并避免由于不兼容的程序包版本而导致的冲突。

要创建一个虚拟环境,打开您的终端并运行以下命令:

$ python3 -m venv env

您还需要激活虚拟环境。根据您使用的操作系统和 shell 的不同,执行该操作的命令也会有所不同。以下是一些针对多种环境的 CLI 激活示例:

# On Unix or MacOS (bash shell): 
/path/to/venv/bin/activate

# On Unix or MacOS (csh shell):
/path/to/venv/bin/activate.csh

# On Unix or MacOS (fish shell):
/path/to/venv/bin/activate.fish

# On Windows (command prompt):
\path\to\venv\Scripts\activate.bat

# On Windows (PowerShell):
\path\to\venv\Scripts\Activate.ps1 

(一些支持 Python 的 ide 也可以被配置来激活当前的虚拟环境。)

现在,安装 FastAPI:

$ pip3 install fastapi

FastAPI 是一个构建 API 的框架,但是要测试您的 API,您需要一个本地 web 服务器。uv icon 是一个非常适合开发的用于 Python 的快如闪电的异步服务器网关接口(ASGI) web 服务器。要安装 Uvicorn,请运行以下命令:

$ pip3 install "uvicorn[standard]"

成功安装后,在项目的工作目录中创建一个名为 main.py 的文件。这个文件将是您的应用程序入口点。

The layout of a FastAPI project within an IDE.

View of a basic FastAPI project within an IDE.

快速 FastAPI 示例

您将通过快速设置一个示例端点来测试您的 FastAPI 安装。在您的 main.py 文件中,粘贴以下代码,然后保存文件:

# main.py
from fastapi import FastAPI
app = FastAPI()
@app.get("/")
async def root():
 return {"greeting":"Hello world"} 

上面的代码片段创建了一个基本的 FastAPI 端点。下面总结了每一行的作用:

  • 你的 API 的功能是由 FastAPI Python 类提供的。
  • app = FastAPI():这将创建一个 FastAPI 实例。
  • @app.get("/"):这是一个 python decorator,它向 FastAPI 指定它下面的函数负责请求处理。
  • @app.get("/"):这是一个指定路线的装饰器。这在站点的路线上创建了一个GET方法。然后,包装函数返回结果。
  • 用于通信的其他可能操作包括@app.post()@app.put()@app.delete()@app.options()@app.head()@app.patch()@app.trace()

在文件目录中,在终端中运行以下命令来启动 API 服务器:

$ uvicorn main:app --reload

在这个命令中,main是模块的名称。app对象是应用程序的一个实例,它被导入到 ASGI 服务器中。--reload标志告诉服务器在你做任何改变时自动重新加载。

您应该在终端中看到类似这样的内容:

 $ uvicorn main:app --reload
INFO: Will watch for changes in these directories: ['D:\\WEB DEV\\Eunit\\Tests\\fast-api']
INFO: Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
INFO: Started reloader process [26888] using WatchFiles
INFO: Started server process [14956]
INFO: Waiting for application startup.
INFO: Application startup complete. 

在您的浏览器中,导航到http://localhost:8000以确认您的 API 正在工作。您应该在页面上看到作为 JSON 对象的“Hello”:“World”。这说明了用 FastAPI 创建 API 是多么容易。您所要做的就是定义一条路线并返回您的 Python 字典,如上面代码片段的第六行所示。

A FastAPI Hello World application running in a web browser.

FastAPI Hello World application in a web browser.

使用类型提示

如果你使用 Python,你习惯于用基本数据类型如intstrfloatbool来注释变量。然而,从 Python 版本开始,引入了高级数据结构。这允许您使用诸如dictionariestupleslists之类的数据结构。通过 FastAPI 的类型提示,您可以使用 pydantic 模型来构建数据的模式,然后使用 pydantic 模型来输入提示,并从所提供的数据验证中获益。

在下面的例子中,用一个简单的饭菜价格计算器calculate_meal_fee演示了 Python 中类型提示的使用:

def calculate_meal_fee(beef_price: int, meal_price: int) -> int:
 total_price: int = beef_price + meal_price
 return total_price
print("Calculated meal fee", calculate_meal_fee(75, 19)) 

请注意,类型提示不会改变代码的运行方式。

FastAPI 交互式 API 文档

FastAPI 使用 Swagger UI 来提供自动交互 API 文档。要访问它,导航到http://localhost:8000/docs,您将看到一个屏幕,上面显示了您所有的端点、方法和模式。

Screenshot of the Swagger UI interface for documentation.

Swagger UI’s documentation for FastAPI.

这种基于浏览器的自动化 API 文档是由 FastAPI 提供的,您不需要做任何其他事情就可以利用它。

另一个基于浏览器的 API 文档,也是由 FastAPI 提供的,是 Redoc 。要访问 Redoc,请导航到http://localhost:8000/redoc,在这里您将看到一个端点、方法及其各自响应的列表。

Screenshot of the Redoc interface for documentation.

Redoc’s documentation for FastAPI.

在 FastAPI 中设置路线

@app装饰器允许您指定路线的方法,例如@app.get@app.post,并支持GETPOSTPUTDELETE,以及不太常用的选项HEADPATCHTRACE

使用 FastAPI 构建您的应用

在本教程中,您将逐步了解如何使用 FastAPI 构建一个 CRUD 应用程序。该应用程序将能够:

  • 创建用户
  • 读取用户的数据库记录
  • 更新现有用户
  • 删除特定用户

为了执行这些 CRUD 操作,您将创建公开 API 端点的方法。结果将是一个可以存储用户列表的内存数据库。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Diagram of database table structure for CRUD examples.

Database table structure for CRUD examples.

您将使用 pydantic 库通过 Python 类型注释来执行数据验证和设置管理。出于本教程的目的,您将把数据的形状声明为具有属性的类。

本教程将使用内存数据库。这是为了让您快速开始使用 FastAPI 构建您的 API。然而,对于生产,您可以使用您选择的任何数据库,例如 PostgreSQLMySQLSQLite ,甚至 Oracle。

构建应用程序

您将从创建您的用户模型开始。用户模型将具有以下属性:

  • id:通用唯一标识符(UUID)
  • first_name:用户的名字
  • last_name:用户的姓氏
  • gender:用户的性别
  • roles,包含adminuser角色的列表

首先在您的工作目录中创建一个名为 models.py 的新文件,然后将以下代码粘贴到 models.py 中以创建您的模型:

# models.py
from typing import List, Optional
from uuid import UUID, uuid4
from pydantic import BaseModel
from enum import Enum
from pydantic import BaseModel
class Gender(str, Enum):
 male = "male"
 female = "female"
class Role(str, Enum):
 admin = "admin"
 user = "user"
class User(BaseModel):
 id: Optional[UUID] = uuid4()
 first_name: str
 last_name: str
 gender: Gender
 roles: List[Role] 

在上面的代码中:

  • 你的User类扩展了BaseModel,然后从pydantic导入。
  • 如上所述,您定义了用户的属性。

下一步是创建数据库。用以下代码替换您的 main.py 文件的内容:

# main.py
from typing import List
from uuid import uuid4
from fastapi import FastAPI
from models import Gender, Role, User
app = FastAPI()
db: List[User] = [
 User(
 id=uuid4(),
 first_name="John",
 last_name="Doe",
 gender=Gender.male,
 roles=[Role.user],
 ),
 User(
 id=uuid4(),
 first_name="Jane",
 last_name="Doe",
 gender=Gender.female,
 roles=[Role.user],
 ),
 User(
 id=uuid4(),
 first_name="James",
 last_name="Gabriel",
 gender=Gender.male,
 roles=[Role.user],
 ),
 User(
 id=uuid4(),
 first_name="Eunit",
 last_name="Eunit",
 gender=Gender.male,
 roles=[Role.admin, Role.user],
 ),
] 

main.py 中:

  • 您用类型List初始化了db,并传入了User模型
  • 您创建了一个有四个用户的内存数据库,每个用户都有所需的属性,比如first_namelast_namegenderroles。用户Eunit被分配了adminuser的角色,而其他三个用户仅被分配了user的角色。

读取数据库记录

您已经成功地设置了内存中的数据库并向其中填充了用户,所以下一步是设置一个将返回所有用户列表的端点。这就是 FastAPI 的用武之地。

在您的 main.py 文件中,将以下代码粘贴到您的Hello World端点的正下方:

# main.py
 @app.get("/api/v1/users")
 async def get_users():
 return db 

这段代码定义了端点/api/v1/users,并创建了一个异步函数get_users,它返回数据库db的所有内容。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

保存您的文件,然后您可以测试您的用户端点。在您的终端中运行以下命令来启动 API 服务器:

$ uvicorn main:app --reload

在浏览器中,导航至http://localhost:8000/api/v1/users。这将返回所有用户的列表,如下所示:

Screenshot of user data returned by FastAPI GET request.

User data retrieved by FastAPI database read request.

在这个阶段,您的 main.py 文件将如下所示:

# main.py
from typing import List
from uuid import uuid4
from fastapi import FastAPI
from models import Gender, Role, User
app = FastAPI()
db: List[User] = [
 User(
 id=uuid4(),
 first_name="John",
 last_name="Doe",
 gender=Gender.male,
 roles=[Role.user],
 ),
 User(
 id=uuid4(),
 first_name="Jane",
 last_name="Doe",
 gender=Gender.female,
 roles=[Role.user],
 ),
 User(
 id=uuid4(),
 first_name="James",
 last_name="Gabriel",
 gender=Gender.male,
 roles=[Role.user],
 ),
 User(
 id=uuid4(),
 first_name="Eunit",
 last_name="Eunit",
 gender=Gender.male,
 roles=[Role.admin, Role.user],
 ),
]
@app.get("/")
async def root():
 return {"Hello": "World",}
@app.get("/api/v1/users")
async def get_users():
 return db 

创建数据库记录

下一步是创建一个端点,以便在数据库中创建一个新用户。将以下代码片段粘贴到您的 main.py 文件中:

# main.py
@app.post("/api/v1/users")
async def create_user(user: User):
 db.append(user)
 return {"id": user.id} 

在这个代码片段中,您定义了提交新用户的端点,并利用@app.post装饰器创建了一个POST方法。

您还创建了函数create_user,它接受User模型的user,并将新创建的user追加(添加)到数据库db。最后,端点返回新创建用户的id的 JSON 对象。

您必须使用 FastAPI 提供的自动化 API 文档来测试您的端点,如上所示。这是因为您不能使用 web 浏览器发出 post 请求。使用swaggeri提供的文档导航至http://localhost:8000/docs进行测试。

Screenshot showing parameters for FastAPI POST request.

Parameters for a FastAPI POST request.

删除数据库记录

因为您正在构建一个 CRUD 应用程序,所以您的应用程序需要能够删除一个指定的资源。在本教程中,您将创建一个端点来删除用户。

将以下代码粘贴到您的 main.py 文件中:

# main.py
from uuid import UUID
from fastapi HTTPException
@app.delete("/api/v1/users/{id}")
async def delete_user(id: UUID):
for user in db:
 if user.id == id:
 db.remove(user)
 return
raise HTTPException(
 status_code=404, detail=f"Delete user failed, id {id} not found."
 ) 

下面是该代码如何工作的逐行分析:

  • @app.delete("/api/v1/users/{id}"):您使用@app.delete()装饰器创建了删除端点。路径仍然是/api/v1/users/{id},但是它检索到了id,这是一个对应于用户 id 的路径变量。
  • async def delete_user(id: UUID)::创建delete_user函数,从 URL 中检索id
  • for user in db::这告诉应用程序遍历数据库中的用户,并检查传递的id是否与数据库中的用户匹配。
  • db.remove(user):如果id匹配到用户,则删除该用户;否则,将引发一个状态代码为 404 的HTTPException

Screenshot showing parameters for FastAPI DELETE request.

Parameters for a FastAPI DELETE request.

更新数据库记录

您将创建一个端点来更新用户的详细信息。可以更新的详细信息包括以下参数:first_namelast_nameroles

在您的 models.py 文件中,将以下代码粘贴到您的User模型下,即User(BaseModel):类之后:

# models.py
 class UpdateUser(BaseModel):
 first_name: Optional[str]
 last_name: Optional[str]
 roles: Optional[List[Role]] 

在这个代码片段中,类UpdateUser扩展了BaseModel。然后将可更新的用户参数设置为可选的,比如first_namelast_nameroles

现在,您将创建一个端点来更新特定用户的详细信息。在您的 main.py 文件中,在@app.delete decorator 之后粘贴以下代码:

# main.py
@app.put("/api/v1/users/{id}")
async def update_user(user_update: UpdateUser, id: UUID):
 for user in db:
 if user.id == id:
 if user_update.first_name is not None:
 user.first_name = user_update.first_name
 if user_update.last_name is not None:
 user.last_name = user_update.last_name
 if user_update.roles is not None:
 user.roles = user_update.roles
 return user.id
 raise HTTPException(status_code=404, detail=f"Could not find user with id: {id}") 

在上面的代码中,您完成了以下操作:

  • 创建了更新端点@app.put("/api/v1/users/{id}")。它有一个可变参数id,对应于用户的 id。
  • 创建了一个名为update_user的方法,它包含了UpdateUser类和id
  • 使用了一个for循环来检查与传递的id相关联的用户是否在数据库中。
  • 已检查用户的任何参数是否为is not None(非空)。如果任何参数,如first_namelast_nameroles不为空,则更新。
  • 如果操作成功,则返回用户 id。
  • 如果没有找到用户,就会引发一个状态代码为 404 的HTTPException异常和一条Could not find user with id: {id}消息。

要测试这个端点,请确保您的 Uvicorn 服务器正在运行。如果它没有运行,请输入以下命令:

uvicorn main:app --reload

下面是测试的截图。

Screenshot showing parameters for an UPDATE request.

Parameters for a FastAPI UPDATE request.

了解 FastAPI 如何减少高达 40%的人为错误😎从这里开始: 点击推文

摘要

在本教程中,您了解了 Python 的 FastAPI 框架,并亲眼目睹了如何快速启动和运行基于 FastAPI 的应用程序。您学习了如何使用框架构建 CRUD API 端点——创建、读取、更新和删除数据库记录。

现在,如果你想让你的 web 应用程序开发更上一层楼,一定要看看 Kinsta 的平台,它提供了应用程序托管和数据库托管。像 FastAPI 一样,它非常简单。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

2022 年 23 个最快的 WooCommerce 主题(基于全面测试)

原文:https://kinsta.com/blog/fastest-woocommerce-theme/

最快的 WooCommerce 主题是一个热门的讨论话题,主要是因为做出公正的评价是一个挑战。很多主题开发者声称自己的主题是最快的,这种情况并不少见。然而,深入、公正的测试使我们能够确定我们可以经常依赖的主题,尤其是在为多个客户创建一个或两个主题的网站时。

没有完美的方法来衡量哪一个 WooCommerce 主题是最快的,但是有很多工具,我们可以把它们放在一起,专注于那些速度值得称赞的主题。

因此,我们开始建立一个分析主题速度的先例,使用多个站点性能和加载时间评估器,并从我们自己的经验和用户评论中获得一些帮助。

请记住,你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书10 种提高你的网络商务产品页面转化率的方法

**## 我们如何测试 WooCommerce 主题的速度

虽然没有速度测试提供绝对的结果,但我们希望确保我们的速度测试模拟真实环境。主题开发者演示的测试速度带来了各种各样的问题。

由于每个主题的演示都在不同的服务器上,一个主题可能比另一个快得多。此外,它们都可以有不同的内容。我们可能最终用 1,000 个产品测试一个演示,而另一个只有 5 个。

因此,我们的测试结合了以下元素,以保持尽可能接近真实世界的情况,类似于我们对标准 WordPress 主题的速度测试:

  • 一个干净的 WordPress 沙盒安装,所有测试使用相同的主机基础设施。
  • WooCommerce 插件。
  • 推荐免费的 WooCommerce 插件(比如 Jetpack 和谷歌广告)。
  • 12 个演示产品,带有图片、描述和发布的产品页面。
  • 带有产品展示区和横幅图片的静态主页。
  • 来自主题单元测试 XML 文件的演示文章、页面和其他项目。
  • 完整的菜单

通过这种配置,我们创造了一个尽可能接近现实的环境。正如你在下面看到的,我们有一个带下拉菜单的主页。每当我们测试一个新主题时,我们都会保留以前主题的内容,包括横幅图像。

需要记住的一点是,我们不是在优化任何媒体,也不是连接到 T2 的内容交付网络。尽管这些元素属于“真实世界”的范畴,但并不是所有的 WordPress 站点都使用相同的 CDN,而有些站点根本不使用任何 CDN。

此外,该网站可能没有一个图像优化插件。因此,我们用虚拟内容填充了模拟站点,以测试每个主题在没有所有性能升级的情况下是如何工作的。

The mock WooCommerce site we used to test the themes

The mock WooCommerce site we used to test the themes

我们觉得拥有一个合法的商店对于测试 WooCommerce 主题也是必不可少的。因此,我们向模拟站点添加了几个带有图像、价格、按钮和描述的产品。

我们还在主页上添加了一个产品展示区,以及遍布整个网站的各种其他项目,例如几十个内容丰富的帖子和页面。

The products page in our mock WooCommerce site

The ‘Products’ page in our mock WooCommerce site

使用的速度测试工具

我们使用了四种网站速度和优化测试工具来了解每个 WooCommerce 主题的优点和缺点。通过这种方式,我们不仅坚持使用一种工具——这可能会导致不准确——而且我们还会查看更多的指标来确定哪个主题是最快的。

下面是速度测试的简要概述:

  • gt metrix Speed Test(Legacy):一个流行的分析工具,用两种类型的速度分数对站点进行排名。它还显示了加载时间、页面大小和请求。GTmetrix 报告对于确定需要改进站点性能的领域非常有用。
  • Pingdom 网站速度测试:另一个速度测试,让你改变你的服务器位置,并查看网站数据,如页面大小,加载时间和请求。它还为每个测试分配一个性能等级。
  • Google PageSpeed Insights: 它通过具体的细节来提供改进网站性能的分数和建议,比如网站变得具有交互性或显示其第一张图片或文本所需的时间。
  • Bytecheck 网站速度测试: A TTFB(到达第一个字节的时间)回顾,解释数据的第一个字节出现在屏幕上需要多长时间。

使用的指标

我们使用的来自 GTmetrix(传统)的指标包括:

  • PageSpeed 评分–综合图像优化和重定向等因素的累积分数,满分为 100 分。
  • y slow Score——100 分的累积分数,检查像 DNS 查找和 JavaScript 这样的元素。
  • 完全加载时间–加载整个网站所需的时间。越低越好。
  • 总页面大小–每个已安装主题的网站文件大小。文件越小越好。
  • 请求–将主题站点文件交付给最终用户所需的请求数量。请求越少越好。

GTMetrix Speed Test

GTmetrix Speed Test

来自 Pingdom:

  • 绩效等级–满分为 100 分的等级,包括错误和内容大小等要素的平均分数。
  • 加载时间–加载站点需要多长时间。越低越好。
  • 页面大小–安装了主题的站点文件的整体大小。越小越好。
  • 请求–网页发出的服务器请求总数。越少越好。

Pingdom Website Speed Test

Pingdom Website Speed Test

来自 Google PageSpeed Insights:

  • 总分–总分 100 分。因素包括显示内容的时间和空闲时间。
  • 第一幅内容丰富的画——我们称之为“第一幅图像或文本”,指的是看到第一个项目需要多长时间。越低越好。
  • 速度指数–所有站点元素加载所花费的时间。越低越好。
  • 交互时间–当用户可以点击一个按钮或执行某个动作时,站点处于交互状态的时间。

Google PageSpeed Insights

Google PageSpeed Insights

来自字节检查:

  • TTFB–这是“到达第一个字节的时间”,或者说加载一个字节的数据需要多长时间。越低越好。
  • 总时间–加载所有字节的总时间。
  • 标题大小–标题大小与我们演示站点中已有的内容没有太大变化,所以它对我们的分析没有太大影响。

Bytecheck Website Speed Test

Bytecheck Website Speed Test

准备好一劳永逸的知道 WooCommerce 哪个主题最快?⚡️点击查看结果...👇 点击推文

测试和分析了 23 个最快的 WooCommerce 主题

选择过程包括组织 50 个最受欢迎的 WooCommerce 主题,以可靠性和性能著称。我们还查看了用户评分和评论来精简列表。如果一个主题有数百条评论,但平均只有两三颗星,我们就把它从列表中删除。

我们意识到不太受欢迎(或较新)的主题也值得一试。所以我们浏览了 WordPress 主题库,找到了更多独特的 WooCommerce 主题,这些主题是现代的,包含了许多有益的特性。

由于该批中既有众所周知的主题,也有未被发现的主题,我们决定排除 GTmetrix PageSpeed 或 Pingdom 得分低于 80 的主题。

之后有 20 多个主题符合要求。这些是最快的 WooCommerce 主题。我们的测试显示,尽管每个主题都能提供快速的结果,但并非所有主题都是平等的。

看看下面。

兰花商店

兰花商店 WooCommerce 主题展现了现代网上商店灵活时尚的一面。它已经准备好整合 WooCommerce 和其他各种电子商务插件

兰花商店主题的伟大之处在于,您可以从标准的在线商店模板开始,但它具有为其他行业(如体育用品店和家具店)修改它所需的设置和演示。

WordPress 定制器是定制主题的主要方式,但它也是完全 widget 化的,可以与一些知名的页面构建器一起工作。

Orchid store - fastest WooCommerce theme

Orchid Store

主题开发者 ThemeBeez 提供了几个演示来尝试一个简单的定制体验,当网站发布时,它最终在所有设备上都看起来很棒。

Elementor 与兰花商店配合得很好,因此您可以从那里利用 WooCommerce 元素。你也可以利用兰花商店附带的东西,如大型菜单生成器和愿望清单工具。

定价

兰花商店主题可以免费下载。

一个专业版的单点许可售价为 49 美元。你也可以支付额外的费用购买多个许可证或开发者许可证。

显著特征

  • 完全兼容 WooCommerce 和其他 WooCommerce 插件,如 WooCommerce 会员、订阅和 YITH 愿望列表。
  • 一个内置的大菜单,用于在菜单中添加大列表,合并视觉效果和许多下拉菜单。
  • 电子商务小工具库。
  • 愿望清单支持帮助人们保存物品以备后用。
  • 快速查看按钮,这样用户就不必直接进入实际的产品页面来查看更多信息。
  • 支持 Elementor,市场上最好的页面生成器之一。
  • 多语言和翻译工具,使翻译您的网站和在其他市场销售变得容易。
  • 快速变色设置,以匹配您的品牌。
  • 主菜单旁边的特殊菜单。使用它来显示产品类别或其他菜单链接。
  • 围绕主页的外观和感觉改变的三个演示。
  • 一个横幅和滑块部件,用于发布公告或列出促销活动。
  • 一个促进转化的行动号召小部件。
  • 几个图标可供选择,并添加到您的标题区。例如,您可以更改购物车和愿望列表图标的外观。

最快 WooCommerce 主题分析

兰花商店提供了一个相当理想的设计,它的移动性能在我们的测试中非常突出。结果与兰花商店有点混合,但总的来说,这是一个坚实的主题,具有体面的速度优势。

GTMetrix 速度测试

  • 页面速度得分: 97%
  • YSlow 评分: 88%
  • 满载时间: 5.1s
  • 总页面大小: 352KB
  • 请求数: 34

Pingdom

  • 性能等级: 86
  • 加载时间:1.02 毫秒
  • 页面大小: 373.8KB
  • 请求数: 34

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 71
  • 第一张图片或文字: 3.8s
  • 速度指数(所有内容的可见人群): 4.7s
  • 完全互动的时间:5.2 秒

字节检查 TTFB 测试

  • 到第一个字节的时间:599 毫秒
  • 总时间:889 毫秒
  • 总标题尺寸: 517b

测试结论

兰花商店赢得了 PageSpeed 分数测试,击败了 GTMetrix 评估中的所有其他主题。当平均所有四个性能分数时,它也最终排在第二位。它提供了 97 分的页面速度,这是唯一一个超过 T2 94 分的主题。除此之外,YSlow、Pingdom 和 Google Pagespeed 的移动评分都达到了人们所期望的最高水平。

奇怪的是,在页面加载时间方面,兰花商店正好相反。当我们对加载时间测试进行平均时,它在后五名中结束,GTMetrix 加载时间刚刚超过五秒。TTFB 看起来不错,Pingdom 加载时间也不错。更不用说,兰花商店主题拥有最快的移动速度指数。只是 GTMetrix 加载时间在加载时间结果中拖累了它。也许它与一个插件相冲突,或者只是在那个测试中遇到了麻烦,因为其他测试都提供了顶级的结果。

主题烧烤店

eStore 主题提供了一个干净、极简的网上商店设计,用来吸引顾客,把注意力吸引到网站的某些区域,而不是用太多的盒子把它弄得乱七八糟。不过,它仍然支持几个小工具横幅区。它还提供了一个漂亮的标题模块,带有交互式购物车图标、收藏夹按钮等等。

eStore 主题来自 ThemeGrill,这是一个广受 WordPress 开发者欢迎的网站。其他一些 ThemeGrill 电子商务主题也可用,但我们发现 eStore 在我们的测试中速度最快。至于定制,你可以从四个 eStore 演示中选择,其中一个侧重于时尚,而另一个则有技术设计。

eStore fastest WooCommerce theme option

eStore

eStore 主题在移动设备上看起来很可爱,并允许对主页和购物区进行大量定制。它以其速度和轻量级的构建而闻名,所以很高兴看到这一赞誉与我们的测试结果相符。除此之外,你从 ThemeGrill 得到的任何主题都有一流的客户支持,在你为客户或你自己开发网站的过程中指引你前进。

定价

eStore 主题可以免费下载。你也可以购买 69 美元的 eStore Pro T1,它可以为你提供一年的高级支持、更新,以及页眉、WooCommerce 和排版的高级工具。

随着许可证数量的增加,价格也会上涨。ThemeGrill 还出售 99 美元的所有主题计划,可以让你获得开发者制作的所有主题。

显著特征

  • 一个光滑的主页,带有放置英雄图像、横幅和按钮的模块。
  • 一个带有交互式按钮的可定制标题,一个强菜单和一个消息横幅。
  • 四个演示,要么以默认的 eStore 布局开始你的设计,要么创建一些利基,如技术或服装店。
  • 颜色、部件和排版的定制工具。
  • 一键演示导入选项,用于启动您的入门网站,并从 ThemeGrill 不断增长的演示库中进行挑选。
  • 完全兼容 WooCommerce,拥有专为转换而设计的时尚购物车。
  • 一个购物车图标菜单区域,您可以自定义并添加其他元素。
  • 购物车的多种布局。
  • 主页顶部的商店通知信息。
  • 用于调整产品目录和建立产品库的快速可视化设置。
  • 与 Gutenberg、Beaver Builder 和 Elementor 等最流行的页面构建器集成。
  • 一个粘性菜单,功能很像一个大菜单,允许多个下拉和扩展。
  • 升级到 premium 计划时,可获得额外的 WooCommerce 功能和拖放模块。

最快 WooCommerce 主题分析

作为一个严格基于电子商务的主题,eStore 结合了简单性和功能性,同时也向我们展示了拥有一个快速运行的大型在线商店并非不可能——即使没有世界上运行速度最快的 WordPress 主机。

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 89%
  • 满载时间: 4.3s
  • 总页面大小: 599KB
  • 请求: 55

Pingdom

  • 性能等级: 82
  • 加载时间:1.05 秒
  • 页面大小: 635.8KB
  • 请求: 55

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 59
  • 第一张图片或文字: 3.2s
  • 速度指数(所有内容的可见人群): 5.3s
  • 完全互动的时间:6.8 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:582 毫秒
  • 总时间:892 毫秒
  • 总标题尺寸: 510b

测试结论

eStore 主题以其全面的高性能得分给人留下了深刻的印象。在平均性能得分方面,它进入了前 10 名,成为了最快的 WooCommerce 主题之一。PageSpeed、Google Mobile 和 YSlow 评分看起来都不错。它唯一欠缺的地方是 Pingdom 的分数,但不是太多。

加载时间略有不同,但 eStore 似乎仍然是一个实用的选择,尤其是如果你正在寻找一个主要提供电子商务功能的主题。GTMetrix 的加载时间超过了 4 秒,但其他一切,从 Pingdom 加载时间到移动速度指数都很好。

阿斯特拉

Astra 是 WordPress 上最受欢迎的主题之一,拥有超过一百万的下载量。主题可以定制和个性化,以适应任何网站。

Astra 附带了 150 多个预制模板,这些模板是由 Elementor、Beaver Builder 和 Gutenberg 等流行的页面生成器构建的。每个模板都是针对特定行业或网站的,包括时装设计师、珠宝商、产品公司、瑜伽老师等等。前往 Astra 的网站查看所有的这些模板

Astra theme WooCommerce store template, screenshot.

Astra

最重要的是,基础主题本身只有 50KB。这使得它可以快速加载,这对销售产品至关重要。毕竟,客户不想等待你的站点加载。Astra 与 WooCommerce 配合得非常好,是 WordPress 最受推荐的电子商务主题之一。

说到设计,Astra 是无止境可定制的。您可以使用拖放界面创建页眉和页脚,控制颜色和字体,并使用不同的布局,如网格、列表或砖石。默认情况下,Astra 中的一切都针对移动设备进行了优化。

定价

Astra 主题免费下载。高级计划起价 59 美元,包括 100 多个入门模板、一对一支持、无限制的网站使用和其他功能。高级计划包括更多模板,访问 Convert Pro 或 Scheme Pro 等其他插件,以及 SkillJet Academy 的免费会员资格,SkillJet Academy 是一个网站设计课程库。

显著特征

  • 文件大小只有 50KB 意味着你的网站将在半秒钟内加载。
  • 反应灵敏,移动友好,并针对移动销售进行了优化。
  • SEO 优化在谷歌搜索结果中最大化你的产品列表。
  • 超过 150 种预制模板,适用于各种类型的业务。这些模板适用于流行的页面生成器,如 Beaver Builder 和 Elementor。
  • 转换就绪结账减少了购物车废弃
  • 使用高安全性标准清理代码,确保您客户的交易 100%安全。
  • 通过分页或无限滚动显示您的产品。
  • 在非画布侧边栏中添加产品搜索过滤器。
  • 快速查看让客户无需打开新页面即可预览产品。
  • 下拉购物车窗口可快速查看添加到购物车的所有产品。
  • 高度可定制的结账流程可增强用户体验。

最快 WooCommerce 主题分析

Astra 是最轻量级的 WordPress 主题之一。无论您添加多少额外的功能,它的模块化本质都确保了它保持原样。难怪它会出现在这个名单上。让我们看看它的表现如何。

GTMetrix 速度测试

  • 页面速度得分: 93%
  • YSlow 评分: 91%
  • 满载时间: 1.1s
  • 总页面大小: 350KB
  • 请求: 37

Pingdom

  • 性能等级: 90
  • 加载时间:1.44 秒
  • 页面大小: 365.5KB
  • 请求: 37

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 79
  • 第一张图片或文字: 2.6s
  • 速度指数(所有内容的可见人群): 4.4s
  • 完全互动的时间:3.8 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:48 毫秒
  • 总时间:48 毫秒
  • 总割台尺寸: 496b

测试结论

Astra 在所有测试中的表现都令人惊讶。值得注意的是,它的谷歌移动性能得分为 79 分,是所有测试的 WooCommerce 主题中最高的。这使得它成为最快的 WooCommerce 主题之一(而且是免费的)。

Astra 主题在网页加载时间方面也保持稳定。它的 TTFB 为48 毫秒是所有产品中最快的。虽然它的 GTMetrix 得分仅次于其他主题,如 Orchid 和 GeneratePress,但在平均所有性能得分时,它仍进入了前 5 名。

卡登斯

在测试最快的 WordPress 主题时,Kadence 主题作为推荐引起了我们的注意。它提供了高端的性能和多种可视化构建器来定制你的网站的标题和几乎所有的其他元素。

Kadence theme - fastest WooCommerce theme

Kadence theme

这个主题为 WooCommerce 提供了支持和几个演示,可以用最少的设计工作来启动你的在线商店。每个模板都考虑到了 WooCommerce 的功能,但是有些提供了电子商务特有的设计元素,比如购物车和产品 T2 画廊,如下图所示。

Kadence shop demo

Kadence Shop Demo

定价

核心主题是免费的。高级版本的终身费用为 259 美元,偶尔可以打折到一半左右。它包括支持无限的网站和终身客户支持。

还有终身会员资格,包括其他附加组件和插件。

显著特征

  • 一个 WooCommerce 插件,带有自定义块,用于创建在线商店。
  • 用于切换商店的窗口小部件区域。
  • 向购物车中添加单个商品的 AJAX 特性。
  • 当产品被放入购物车时自动打开的边车。
  • 一个用于整个网站的拖放构建器,以及一个专门为标题制作的构建器。
  • 多列和下拉菜单用于生成大型菜单式导航。
  • 提供完整在线商店设计的入门模板,包括一个用于所有类型购物的模板和一个用于销售在线课程的模板。
  • 面包屑引导顾客完成购物过程。

最快 WooCommerce 主题分析

Kadence 是一个多功能的主题,完全支持 WooCommerce,拥有稳定的性能分数和可观的加载时间。

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 89%
  • 满载时间: 4.1s
  • 总页面大小: 465KB
  • 请求数: 42

Pingdom

  • 性能等级: 86
  • 加载时间:1.86 秒
  • 页面大小: 492.6KB
  • 请求数: 42

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 60
  • 第一张图片或文字: 2.9s
  • 速度指数(所有内容的可见人群): 7.2s
  • 完全互动的时间:5.6 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:640 毫秒
  • 总时间:880 毫秒
  • 总标题尺寸: 510b

测试结论

Kadence 主题在 GTmetrix PageSpeed 评分中遥遥领先,其 YSlow 评分也没什么可嗤之以鼻的。移动结果也相当不错。

Kadence 的加载时间相对于这个列表中的其他游戏来说比较慢,但是它仍然足够快,可以被认为是一个快速的主题。它的移动速度指数也可以这么说。

斯托里维尔

StoreVilla 通过在线商店和内置定制工具,为珠宝、时尚和生活品牌等行业提供优雅易用的设计流程。这个 WooCommerce 主题有大量的追随者,下载数以千计,开发人员友好的界面非常适合 SEO 、定制和响应。它由 AccessPress 公司销售,该公司是一家经验丰富的开发人员,拥有 100 多个插件和 60 个主题。

StoreVilla

StoreVilla

至于 StoreVilla 主题的整体设计,它具有一个时尚的菜单和标题区域,带有交互式元素,如购物车图标和愿望列表。有一个区域包括商店联系信息以提供支持,还有一个可编辑的搜索/过滤字段,带有一个下拉列表和搜索字段,供客户查找产品。

相当多的滑块和横幅与主题打包在一起,你甚至可以在主页上定制几个产品类别和图库。它还充满了边栏,网格和格式选项,以包装内容的主页,包括一个大页脚链接到条款和条件以及其他几十个页面。

定价

StoreVilla 主题可以免费下载。高级版售价 55 美元。它包括主题的终身权利和一年的高级支持和升级。

终身计划的价格为 299 美元,包含所有 AccessPress 主题的计划的价格为 99 美元。

显著特征

  • 一键演示数据将您的网站变成一个在线商店,只需点击一个按钮。
  • 高级颜色和排版选项,使网站的外观与您的品牌相匹配。
  • 无限的滑块和横幅,由内置滑块模块或与滑块旋转的集成制成。
  • 主题默认设计中包含的高级产品搜索框,就在过滤工具旁边。
  • 为联系人信息和导航菜单提供可编辑区域的智能标题。您可以从三种页眉布局中进行选择。
  • 超过 15 个小工具,突出产品在您的主页和侧边栏。
  • 一个独特的水平标签功能,以更有组织的方式在页面侧面展示 WooCommerce 收藏。
  • 向您的客户展示特别优惠和交易的部分。
  • 包含拖放产品列表页面的小部件。
  • 自定义 CSS 模块,为开发人员提供扩展当前主题构建所需的灵活性。
  • 内置面包屑帮助用户浏览你的网站。

最快 WooCommerce 主题分析

毫无疑问,StoreVilla WooCommerce 主题是可供选择的更注重功能的在线商店主题之一。然而,有太多的移动部件可能会降低网站的速度。我们来看看测试结果。

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 86%
  • 满载时间:3.8 秒
  • 总页面大小: 627KB
  • 请求: 59

Pingdom

  • 性能等级: 83
  • 加载时间:. 97 秒
  • 页面大小: 666.3KB
  • 请求: 59

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 54
  • 第一张图片或文字: 3.7s
  • 速度指数(所有内容的可见人群): 6.1s
  • 完全互动的时间:6.9 秒

字节检查 TTFB 测试

  • 到第一个字节的时间:689 毫秒
  • 总时间:944 毫秒
  • 总标题尺寸: 510b

测试结论

StoreVilla 凭借其 PageSpeed 得分表现强劲,最终以 90+的成绩成为顶级竞争者。谷歌手机测试的分数处于该领域的中间,不算优秀,但也不算最差。事实上,所有其他的性能测试,从 YSlow 到 Pindgom,都将 StoreVilla 作为一个普通的主题,与其他快速 WordPress 主题相比。

随着加载时间测试的进行,前景有所改善,看看 StoreVilla 主题如何在所有加载时间得分的平均值中排名前 10。GTMetrix 加载时间一般,但优于 Pingdom 加载时间,TTFB 结果也可以接受。移动速度指数显示了一点令人担忧的原因,但它与该分析中的大多数其他主题相差不远。

购物岛

ShopIsle 是 ThemeIsle 和 CodeInWP 的开发者提供的一个主题。该公司拥有忠实的会员基础和一系列以速度和直观著称的主题。

ShopIsle 主题是该品牌的几个在线商店模板之一,具有专门为 WooCommerce 设计的界面。灵活的主题在它的默认演示中包括以下内容:英雄图像、菜单、购物车图标、搜索栏和侧边栏过滤器。您还可以找到覆盖在产品展示区顶部的各种交互式动画按钮。

ShopIsle Pro

ShopIsle Pro

ShopIsle 的开发者为所有类型的在线商店推荐这个主题,也是制作一个单页网站的一种方式。这个主题提供了一个视差效果和一些其他的动画元素,可以在不降低网站速度的情况下增加网站的创造力。事实上,它集成了几个页面生成器,似乎是一个建立电子商务商店的优秀解决方案。

定价

ShopIsle 有免费版本可供下载。高级版售价 69 美元,商务版和机构版分别为 99 美元和 199 美元。

显著特征

  • 支持像 SiteOrigin、Beaver Builder 和 Elementor 这样的页面生成器。
  • 边栏过滤器,用于按价格、产品类别等对列表进行分类。
  • 一个反应灵敏的大菜单,带有子大菜单,可以填入产品信息和其他内容。
  • 一分钟的配置和演示设置过程。
  • 自定义背景以添加与您的品牌相匹配的媒体项目
  • 一个实时定制者来实时查看你的网站。
  • 翻译就绪文件,将您的业务扩展到其他国家,并对您的产品列表进行本地化。
  • 按钮动画和视差元素增加了你的设计的趣味,但不会降低它的速度。
  • 与 WooCommerce 完全集成,包括购物车和搜索栏的交互式按钮。
  • 各种布局,如适用于常规网站和电子商务网站的单页设计。

最快 WooCommerce 主题分析

如前所述,ThemeIsle 在设计 WordPress 主题时考虑到了速度。主题通常是轻量级的,并且包含了不会影响性能的交互元素和动画。我们测试了一些 ThemeIsle 主题,ShopIsle 表现最佳。这实际上是一个 WooCommerce 主题,也是我们正在关注的。

GTMetrix 速度测试

  • 页面速度得分: 92%
  • YSlow 评分: 85%
  • 满载时间: 3.1s
  • 总页面大小: 796KB
  • 请求: 62

Pingdom

  • 性能等级: 83
  • 加载时间:2.20 秒
  • 页面大小: 840.4KB
  • 请求: 62

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 41
  • 第一张图片或文字: 3.9s
  • 速度指数(所有内容的可见人群): 8.4s
  • 完全互动的时间:8.2 秒

字节检查 TTFB 测试

  • 到第一个字节的时间:526 毫秒
  • 总时间:765 毫秒
  • 总标题尺寸: 510b

测试结论

尽管在大多数性能得分上令人印象深刻,但 ShopIsle 在谷歌移动测试中表现不佳,在平均四个性能得分时,它在结果列表中排名垫底。然而,我们应该记住,其他三个分数一点也不差。

同样,在加载时间测试中,ShopIsle 最终以平均总得分垫底。然而,不要让这愚弄了你。ShopIsle 在 GTMetrix 和 TTFB 测试中发布了不错的加载时间。不幸的是,Pingdom 测试本来可以做得更好,移动速度指数是所有被评估主题中最差的。

AccessPress 商店

AccessPress Store 主题是市场上最快的 WooCommerce 主题之一,它体现了许多开发者认为的功能亮点。

这是因为主页上有一长串可点击的按钮和交互式项目,使用了几十个小部件和可定制的模块来实现最终的设计体验。甚至看一下滑块就能看出这些年来这个设计给人留下了多么深刻的印象。您可以将小部件排列到页脚、侧栏和主页中,同时还可以为您的产品构建图库,供客户添加到内置的愿望列表中。

AccessPress Store theme - fastest WooCommerce theme

AccessPress Store Theme

即使拥有所有这些特性,AccessPress Store 在性能领域也大放异彩。加载时间是业内最好的,在性能得分方面,它尽最大努力不表现出太多弱点。

定价

AccessPress 商店主题的免费版本已经推出。高级主题售价 55 美元。

显著特征

  • 一个优化的主页,在小部件空间的帮助下,为您的公司打造一个完全独特的外观。
  • 如果你正在经营一个 B2B 在线商店,那么就需要一个客户标识部分。
  • 推荐书和团队部分,为你的商店增加额外的个性化元素,推动更多销售。
  • 几个选项卡显示不同部分的产品和类别。
  • 令人惊叹的结账页面不仅可定制,还针对销售进行了优化。
  • 相当多的小部件专注于电子商务设计领域,例如显示最近添加到您商店的产品的小部件。
  • 用于宣布促销活动或发布公司新闻的网页横幅。
  • 超过 14 个其他部件放在你的主页上,让它成为你自己的。
  • 一个有四种布局的博客
  • 几个特定于 WooCommerce 的设置,比如 WooCommerce 存档布局的选项。
  • 为你的销售增加紧迫感的宣传片。
  • 丰盛的菜单。
  • 为您的客户提供高级产品和内容搜索。
  • YouTube 整合将视频添加到您的主页,并可能添加到您的产品页面。

最快 WooCommerce 主题分析

功能列表很棒。这些评论站得住脚。我们知道 AccessPress Themes 在业内是一个受人尊敬的名字。但是 AccessPress 商店主题的速度结果呢?

GTMetrix 速度测试

  • 页面速度得分: 93%
  • YSlow 评分: 85%
  • 满载时间: 3.3s
  • 总页面大小: 741KB
  • 请求数: 61

Pingdom

  • 性能等级: 82
  • 加载时间:1.40 秒
  • 页面大小: 778.8KB
  • 请求数: 61

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 54
  • 第一个图像或文本: 4.1s
  • 速度指数(所有内容的可见人群): 6.2s
  • 完全互动的时间:6.9 秒

字节检查 TTFB 测试

  • 到第一个字节的时间:676 毫秒
  • 总时间:939 毫秒
  • 总标题尺寸: 510b

测试结论

来自 GTMetrix、YSlow 和 Pingdom 的性能分数都显示 AccessPress Store 是一个快速可靠的主题。谷歌速度测试分数最终低于预期。平均下来,AccessPress 商店最终位于主题列表的中间。

在加载时间测试方面,AccessPress Store 看起来像是一个赢家。当查看来自 GTMetrix、Pingdom 和 TTFB 测试的加载时间时,它是前 10 名竞争者和亮点。同样,移动速度负载测试是 AccessPress Store 唯一稍有失误的地方。然而,当你把它与其他主题相比时,它仍然高于平均水平。

hello 元素或

Hello Elementor 以提供空白画布而闻名,因为它使用了极简的界面和设计模块。这个宝石是由 Elementor 的开发人员构建的,Elementor 是另一个非常受欢迎的页面生成器。就像页面生成器一样,Hello Elementor 宣扬多功能性、速度和轻量级文件。

Hello Elementor

Hello Elementor

标准主题与 Elementor builder 结合得最好,它是制作关注一两个元素的登录页面的重要工具。这是一个转换客户的极好的解决方案,WooCommerce 的集成使它更加特别。

虽然 Hello Elementor 没有太多的电子商务演示,但有一些是为独特的市场提供的,就像下面的卖书演示。

Bookspot demo - fastest WooCommerce theme

Bookspot demo

定价

你好元素是免费的。要获得 pro widgets、模板和 WooCommerce builder,您必须升级到每年 49 美元的个人计划。当您添加更多站点时,可以使用其他计划。

显著特征

  • 一个圆滑的设计,与令人难以置信的 Elementor 页面生成器直接集成。
  • 支付 WooCommerce Builder 的选项,它是 Elementor 页面生成器的一部分,包含制作商店的模块。
  • 超过 15 种商店小配件。
  • 支持动态内容和自定义字段。
  • 超过 80 种基本和高级小工具,可用于您的在线商店或网站的标准部分。
  • 超过 300 个模板,其中许多都具有在线商店的工具和设计。
  • 市场、书店等的价格表和独特的销售模板。

最快 WooCommerce 主题分析

Hello Elementor 一直在互联网上看到一些最好的速度评级。甚至我们自己的 WordPress 主题速度评估也显示 Hello Elementor 是性能的首选主题之一。让我们看看它如何与 WooCommerce 保持一致。

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 90%
  • 满载时间:2.9 秒
  • 总页面大小: 435KB
  • 请求: 41

Pingdom

  • 性能等级: 86
  • 加载时间: 1s
  • 页面大小: 461.3KB
  • 请求: 41

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 75
  • 第一张图片或文字: 2.6s
  • 速度指数(所有内容的可见人群): 5.0s
  • 完全互动的时间:5.1 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:595 毫秒
  • 总时间:1143 毫秒
  • 请求大小: 200b
  • 总标题尺寸: 510b

测试结论

对于性能分数,Hello Elementor 最终获得了所有四个分数的最高平均分。Hello Elementor 的伟大之处在于它提供了最好的谷歌移动评分,最终比榜单上的其他主题都强得多。YSlow、Pingdom 和 GTMetrix 的得分也很高。

至于加载时间,Hello Elementor 在平均所有四次测试的结果时获得了第二名。它的 TTFB 非常快,Pingdom 和 GTMetrix 的加载时间证明了 Hello Elementor 是 WooCommerce 主题世界中的速度大师。

店面

店面主题是 WooCommerce 开发者自己搭建的默认框架。该品牌提供了几个子主题来配合框架,这被认为是通过 WordPress 建立在线商店的一个很好的起点。

Storefront theme

Storefront

正如您可能会想到的,Storefront 主题与 WooCommerce 集成得相当好,它提供了各种显示选项来调整设计和定制从购物车到产品展示区的一切。

以电子商务为重点的主页包括几个选项,用于销售项目和产品评级,使该主题非常适合练习您的开发技能或从头开始建立一个定制商店。

定价

免费。你必须为一些儿童主题付费。它们通常卖 40 美元左右。

显著特征

  • 不同行业的儿童主题和演示的不错的集合。一些主题为熟食店、专卖店、家居店和精品店提供设计。
  • 与 WooCommerce 和您可以添加到 WooCommerce 的各种扩展顺利集成。
  • 一个基于网格的系统,有助于组织您的产品和围绕设计元素移动。
  • 用于更改颜色、字体等的可视化定制程序。
  • 只迎合网店的主页。您可以找到产品展示区、特价商品和特色产品的功能。
  • 产品类别显示和评级。

最快 WooCommerce 主题分析

我们一直认为店面主题是启动网上商店最快的框架之一。它既轻巧又干净,没有太多会拖累它的设计元素。

它仍然很快,但没有预期的那么好,至少与列表中的其他相比是这样。

GTMetrix 速度测试

  • 页面速度得分: 93%
  • YSlow 评分: 88%
  • 满载时间:3.2 秒
  • 总页面大小: 632KB
  • 请求数: 54

Pingdom

  • 性能等级: 83
  • 加载时间:1.02 秒
  • 页面大小: 670.2KB
  • 请求数: 54

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 23
  • 第一张图片或文字: 4.2s
  • 速度指数(所有内容的可见人群): 7.1s
  • 完全互动的时间:9.1 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:710 毫秒
  • 总时间:967 毫秒
  • 总标题尺寸: 510b

测试结论

要注意的第一个分数是整体移动分数。店面主题以那个竞技场最差的分数结束。Pingdom 的性能分数也相对较低,尽管 YSlow 和 PageSpeed 的分数看起来不错。

Storefront 在加载时间方面的表现要好得多,在 GTMetrix 上的加载时间排名中位列前五。Pingdom 和 TTFB 加载时间看起来不错,但是移动速度指数引起了关注。

生成 Press

在任何关于轻量级、快速主题的对话中,generate 代表主题,并且有充分的理由。GeneratePress 不仅看起来吸引人和现代,而且当安装在空白的 WordPress 网站上时,它提供了令人印象深刻的速度测试。

然而,我们也想看看这个主题在与其他插件,包括 WooCommerce 和无数产品一起使用时,它的加载时间保持得如何。

GeneratePress - fastest WooCommerce theme

GeneratePress

基本的 GeneratePress 主题作为一个框架,为开发人员提供了页面生成器集成和大量的钩子和过滤器。定制选项似乎无穷无尽,拥有完整的布局控制和插件兼容性。

网站库迎合所有类型的企业,为服装店和类似亚马逊的商店提供博客模板、企业主页和电子商务主题。

Merch demo

Merch demo

定价

GeneratePress 是免费的。高级版本包括无限制的网站支持和对模板库的完全访问,售价为每年 49.95 美元,对于年度高级会员来说,这是一个相当便宜的价格。

显著特征

  • 安装在 GeneratePress 框架主题上的多个演示,其中许多包含电子商务设计和购物车按钮。
  • 布局控制主题在平板电脑和台式机等设备上的显示方式。
  • 页面生成器选项,控制您的设计模块,从产品图片到主页图库,无所不包。
  • 钩子和过滤器来扩展开发者可用的定制选项的数量。
  • WooCommerce 商店的附加颜色和版式选项。
  • 用于构建画布外菜单项和移动导航的高级菜单。
  • 全幅背景,以高分辨率的方式展示您的产品,而不会降低网站的速度。

最快 WooCommerce 主题分析

在过去的测试中,我们发现 GeneratePress 是互联网上最快的主题之一。因此,运行相同的测试很有趣,但在后台运行不同的媒体类型和完整的电子商务功能。

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 88%
  • 满载时间:2.7 秒
  • 总页面大小: 516KB
  • 请求: 51

Pingdom

  • 性能等级: 84
  • 加载时间:1.01 秒
  • 页面大小: 550.5KB
  • 请求: 51

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 62
  • 第一张图片或文字: 3.3s
  • 速度指数(所有内容的可见人群): 5.1s
  • 完全互动的时间:5.2 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:631 毫秒
  • 总时间:911 毫秒
  • 请求大小: 200b
  • 总标题尺寸: 536b

测试结论

GeneratePress 在平均所有性能得分时最终进入前 10 名。此外,每一个人的成绩都是值得尊敬的。手机测试是唯一可能引发一些问题的测试。

另一方面,当有 WooCommerce、网站内容和各种其他插件时,GeneratePress 的加载时间超过了大多数其他主题。GTMetrix 加载时间是最快的,Pingdom 是最快的之一,TTFB 和 mobile speed index 都是领跑者。

购物车

与列表中的许多多功能主题不同, ShoppingCart 主题只有一个目的,那就是提供一个功能丰富的在线商店。

它的后台和前台界面都提供了时尚的设计、媒体项目和小部件来发布你的产品。该主题充满了小部件和横幅,允许管理员分享销售信息,并通过主页画廊顶级产品循环。

Shopping Cart theme

Shopping Cart theme

ShoppingCart 提供了多种布局,您可以集成您的社交媒体按钮,让客户在脸书和 Twitter 上关注您。有一个演示导入和配置过程,你可以从一些类似的电子商务演示中进行选择。

定价

基本 ShoppingCart 主题是免费的。

个人和商业计划分别为 59 美元和 79 美元。甚至还有售价 99 美元的开发者选项。

显著特征

  • 一个主题和插件库来增加你的设计机会和扩展基本的主题功能。
  • 放置横幅广告、促销信息和产品链接的几个位置。
  • 文章和页面的多种布局。
  • 社交图标放在你的主页或商店上。
  • 独特的商店设计(优质产品),如杂志网站、圣诞商店和超市。
  • 内容丰富的标题,带有搜索栏、大型菜单和购物车按钮等项目。

最快 WooCommerce 主题分析

ShoppingCart 主题是为电子商务设计的。考虑到像 ShoppingCart 这样的媒体密集型主题经常出现问题,我们很有兴趣看看移动速度测试的结果如何。

GTMetrix 速度测试

  • 页面速度得分: 93%
  • YSlow 评分: 88%
  • 满载时间:4.8 秒
  • 总页面大小: 601KB
  • 请求数: 54

Pingdom

  • 性能等级: 83
  • 加载时间:1.03 秒
  • 页面大小: 638KB
  • 请求数: 54

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 56
  • 第一张图片或文字: 3.2s
  • 速度指数(所有内容的可见人群): 5.9s
  • 完全互动的时间:6.8 秒

字节检查 TTFB 测试

  • 第一个字节的时间:679 毫秒
  • 总时间:991 毫秒
  • 总标题尺寸: 510b

测试结论

ShoppingCart 主题显示了可观的 PageSpeed、YSlow 和 Pingdom 分数。拉低其平均值的主要原因是谷歌移动测试。

加载时间测试显示,在平均分数时,ShoppingCart 处于中间位置,Pingdom 和 TTFB 的加载时间仍然很快。同样,与本文中的其他主题相比,这个主题在移动速度指数方面有点困难。

OceanWP

默认情况下,OceanWP 为各行各业提供了一个快速而强大的多用途模板。此外,OceanWP 还有专为 WooCommerce 打造的免费和优质电子商务演示。

无论你是在标准的 OceanWP 主题中加入自己的设计元素,还是利用在线商店演示,这个主题都有你在线销售所需的工具。

OceanWP - fastest WooCommerce theme

OceanWP

在本文中,三个在线商店演示使用产品展示区、横幅和购物车图标,将您的 OceanWP 主题变成了一个成熟的电子商务商店。

OceanWP demo

OceanWP demo

定价

核心的 OceanWP 主题是免费使用的。一些电子商务演示也是免费的。

OceanWP 的高级版本和高级演示的价格从一个站点 39 美元起。以 79 美元和 129 美元的价格获得更多功能和站点支持,所有这些都必须每年更新。

个别扩展的价格各不相同,但通常在 30 美元左右浮动。

显著特征

  • 几个 WooCommerce 支持的演示,让你的主题看起来完全像一个在线商店,所有这些都不需要你做太多的工作。
  • 电子商务必需品,如结账模块和产品类别集合。
  • 一个本地购物车弹出窗口,当一个商品被添加到购物车时显示出来。
  • 当用户滚动页面时,一个“添加到购物车”按钮会随着页面一起浮动。
  • 过滤器保持在一边,以便您可以尽可能多地利用场景,只在需要时显示过滤器。
  • 无需进入实际产品页面即可查看产品详情的快速查看选项。
  • 弹出登录、Instagram 集成和白色标签等各种扩展。
  • 与最流行的拖放构建器集成,如 Visual Composer 和 Elementor。

最快 WooCommerce 主题分析

OceanWP 作为一个快速的 WordPress 主题在整个互联网上被提及。我们已经对其进行了测试,并证明了这一点,但现在是时候评估附加了 WooCommerce 的流行主题了。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 89%
  • 满载时间:5.0 秒
  • 总页面大小: 649KB
  • 请求: 59

Pingdom

  • 性能等级: 83
  • 加载时间:1.09 秒
  • 页面大小: 686.9KB
  • 请求: 59

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 58
  • 第一个图像或文本: 3.1s
  • 速度指数(所有内容的可见人群):5.7 秒
  • 完全互动的时间:6.7 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:690 毫秒
  • 总时间:872 毫秒
  • 请求大小: 200b
  • 总标题尺寸: 536b

测试结论

当你检查性能分数时,OceanWP 看起来是一个可靠的选择,因为与安装了 WooCommerce 的其他主题相比,YSlow 和 GTMetrix 的分数仍然保持领先。mobile 和 Pingodom 的得分也相当不错。

OceanWP 在加载时间领域遇到了一点麻烦。这绝对不是一个缓慢的主题,但在我们的测试中,OceanWP 的 GTMetrix 加载时间处于倒数第五位。OceanWP 的移动速度测试似乎也不太顺利。TTFB 和 Pingdom 加载时间看起来都不错。

要了解更多信息,你可以在这里看看我们的 OceanWP 评论。

购物者

购物优化者 一直被认为是发展最快的网络商务主题之一。由 CommerceGurus 建造,它的唯一重点是 WooCommerce,它的设计考虑了速度和转换。

它实现了 Baymard 在转换主题上的大部分研究,包括信任徽章、不受干扰的结账和一键下单等功能。

在设计自己的页面时,部署了轻量级的 Elementor 页面生成器,允许用户轻松创建漂亮的布局。定制器中还有数百个选项,允许买家快速更改字体、颜色和设置,并立即看到结果。

它附带了一个名为 CommerceKit 的独特插件,由相同的开发人员构建,增加了更多的附加功能。CommerceKit 中的模块包括 Ajax 搜索、倒计时、快速产品图库、订单提升、等待列表和愿望列表。

Shoptimizer theme homepage

Shoptimizer

定价

Shoptimizer 的零售价通常为 99 美元,但经常以 49 美元的折扣价出售。这包括 12 个月的更新和支持。将你的执照延期一年将花费 49 美元。

显著的特征

  • 专为 WooCommerce 打造的主题,专注于速度和转化率。
  • 可以显示产品和常规内容结果的即时搜索建议。
  • 产品页面和收银台的倒计时器。
  • 内置等待列表,允许您收集脱销产品的客户详细信息。
  • 动态库存栏显示鼓励销售几乎售罄的项目。
  • 单一产品 AJAX 添加到购物车,加快购买过程。
  • 比核心的 WooCommerce 快得多的定制产品图库。
  • 信任徽章可以显示在关键的行动号召按钮旁边。
  • 不受干扰的结帐页面,加快转换速度。
  • 结帐页面的一键式订单冲击可以增加平均订单价值。

最快 WooCommerce 主题分析

Shoptimizer 为用户提供了很多功能和在线商店的自由度。让我们看看这个主题在我们的速度测试中表现如何。

GTMetrix 速度测试

  • 页面速度得分: 93%
  • YSlow 评分: 86%
  • 满载时间: 1.5s
  • 总页面大小: 482KB
  • 请求数: 54

Pingdom

  • 性能等级: 84
  • 加载时间:873 毫秒
  • 页面大小: 775.8KB
  • 请求: 62

PageSpeed Insights 测试(仅限移动设备)

  • 总分:60
  • 第一张图片或文字: 3.7s
  • 速度指数(所有内容的可见人群): 7.1s
  • 完全互动的时间:5.6 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:49 毫秒
  • 总时间:49 毫秒
  • 总标题尺寸: 498b

测试结论

你将很难找到一个比 Shoptimizer 主题更好的速度和控制的整体主题。它在所有的速度测试中表现良好,在大多数领域都达到或超过标准。这绝对值得一看,并使一个伟大的案件成为你的选择主题。

shopyy

Shopay 为您的电子商务设计提供了 10 多种小工具。多种布局确保您可以做出独特的设计,而一键演示导入则可以将数据从一个站点传输到另一个站点。

这是一个只适用于电子商务的主题,Gutenberg 和 Page Builder 的集成使得设计一个漂亮的商店变得更加容易。

更重要的是,这个主题有一个颜色和字体的可视化设计器,你可以集成 YITH Wishlist 插件,用一个 Wishlist 管理工具扩展你的 WooCommerce 设计。

ShoPay

ShoPay

定价

Shopay 是免费的。高级版售价为每年 59.99 美元。

显著特征

  • 调整主页的各种布局,使其更适合不同的业务类型。
  • 全面的 WooCommerce 集成,包括产品展示区和独特购物车的选项。
  • 流畅的响应能力,在移动设备上以漂亮的格式呈现您的购物车和产品目录。
  • 一个内置的定制程序,显示实时预览,并给你多种设置。
  • 电子商务商店演示,以改善您的网站外观或彻底改变它。

最快 WooCommerce 主题分析

Shopay 的外观与 Amazon 相似,使用易于转换的主页和强大的标题字段。有了各种各样的小部件和专栏,看到它们如何组合起来提供快速的结果是很有趣的。

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 86%
  • 满载时间: 3.5s
  • 总页面大小: 761KB
  • 请求: 62

Pingdom

  • 性能等级: 84
  • 加载时间:1.19 秒
  • 页面大小: 804.5KB
  • 请求: 62

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 49
  • 第一张图片或文字: 3.7s
  • 速度指数(所有内容的可见人群): 7.2s
  • 完全互动的时间:8.5 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:592 毫秒
  • 总时间:933 毫秒
  • 总标题尺寸: 510b

测试结论

Shopay 主题在平均性能得分中排在倒数 10 名,但它似乎仍然适用于大多数得分。PageSpeed 的结果是一流的,Pingdom 的分数也不差。

当我们查看页面加载时间时,情况类似。GTMetrix 加载时间很长,Pingdom 和 TTFB 时间看起来也不错。移动速度指数是这个主题有点动摇的地方,但不会太多。

流行的

Apollo13Themes 团队的多功能 WordPress 主题,提供了各种演示、导入工具和定制选项,所有这些都融合在一起,带来了非凡的设计体验,无论你试图构建的是什么类型的网站。

你可以创建一个网上商店生活博客,或者任何类型的商业网站,而不需要操作任何代码,因为这些都是通过可视化和拖放构建器完成的。

演示允许你立即把默认的 Rife 模板变成完全不同的东西。一个例子是 WooR demo ,这是一个 WooCommerce 解决方案,它在主页上显示特色产品,快速“添加到购物车”按钮,以及漂亮的英雄横幅,用于转化客户。

虽然没有必要实现一个演示来让 WooCommerce 在一个流行的网站上工作,但它无疑使这个过程变得更加容易。

WooR demo

Woor demo

至于你通常在其他地方找不到的一些其他特殊功能,Rife 包括一个支持 YouTube 视频和图像的响应滑块。它还有一个突出团队成员或产品的帖子网格,文字效果为您的排版添加了一点文字动画,以吸引用户的注意力。

最重要的是,Rife 与 Elementor 和 WPBakery 兼容。主题本身没有拖放界面,但是集成确保了您的开发过程包含可拖动的模块。

定价

Rife 的核心主题可以免费下载。

个人许可证的费用是每年 39 美元,但是除了在线支持之外,不包括任何客户支持。个人许可证和支持费用为每年 69 美元。这两个计划都提供了高级功能和额外的设计。

最后,无限计划是每年 249 美元,让你可以在许多网站上访问 Rife 主题。开发商通常对此计划有折扣。

显著特征

  • 与核心主题完全兼容。
  • 几个演示,包括一个即时添加电子商务元素,如购物车,愿望清单和产品画廊。
  • 一个垂直标题和盾牌和徽章的选项,主要是有一个有趣的标志介绍。
  • 一个巨大的菜单,与菜单重叠,提供了一个即时的方式来放置数百个产品类别和单个产品在您的菜单上。
  • 高级媒体支持,如照片打样、媒体管理和灯箱设置。
  • 对 Elementor 和 WPBakery 的页面生成器支持。
  • 超过 40 种设计可以整合到您的网站中,包括页面、帖子和登录页面轮廓。
  • 几十种标题变化供您选择,例如居中的徽标、全角标题和可选菜单。
  • 专业摄影功能-如滑块和滚动条元素-有效地销售照片。

最快 WooCommerce 主题分析

Rife 有一个很棒的设计,一组可靠的演示,如果你愿意付费的话,还有不错的客户支持。这似乎也是一个相当轻量级的主题,所以看看下面的内容,看看它是否能通过我们的性能测试。

GTMetrix 速度测试

  • 页面速度得分: 93%
  • YSlow 评分: 89%
  • 满载时间: 3.5s
  • 总页面大小: 819KB
  • 请求: 58

Pingdom

  • 性能等级: 83
  • 加载时间:1.12 秒
  • 页面大小: 860.8KB
  • 请求: 58

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 49
  • 第一张图片或文字: 3.3s
  • 速度指数(所有内容的可见人群): 7.5s
  • 完全互动的时间:8.1 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:614 毫秒
  • 总时间:914 毫秒
  • 总标题尺寸: 510b

测试结论

Rife 接近性能测试平均值的中间值和加载时间的下限。但是,如果我们更仔细地观察结果,就会开始清楚这个主题的优势和需要改进的地方。

首先,Rife 的 PageSpeed 得分为 93,与顶级竞争者相当。它的 Pingdom 得分也是 89 分。Pingdom 的 83 分与测试中的其他分数相比是平均的,较低的 Google Pagespeed 分数使其看起来移动速度不是最大的,至少在与这组主题匹配时是这样。

至于加载时间,Pingdom 加载时间相当不错,TTFB 看起来也不错。移动速度指数在慢端,GTMetrix 加载时间大致一般,但还不错。总体而言,Rife 主题表现良好,但在移动设备上有一些轻微的减速。

精品店

精品店是一个时尚现代的电子商务主题,它提供了大量的空白和强大的标题,用于添加社交媒体渠道、大型菜单和商店公告。

该主题不是一个多用途的解决方案,而是一个电子商务专用的选项,它与优雅和面向转换的元素一起为那些经营服装网店的人提供一个平滑的外观和时尚的格式。

是的,精品主题有能力转化为其他类型的行业,如珠宝,技术,生活方式品牌。

Boutique

Boutique

主页上有简单产品目录的选项,这些产品目录使用动画和中性色来突出您的产品。页脚也提供了一个极简的设计,有小部件区域来插入你的隐私声明,运输信息,或电子邮件订阅表格。甚至产品页面本身也清理了所有的杂物,只显示基本的东西,比如描述和照片。

定价

标准主题是免费的。高级版售价 49 美元。这是一次性费用,包括支持和更新。

作为另一种选择,你可以为开发者提供的所有主题支付 99 美元。

显著特征

  • XML 演示内容,让您的设计朝着正确的方向开始。
  • 一个简单的主页滑块,包括按钮、文本和图片。
  • 一个居中的标志点和一个优雅的标题,链接你的社交媒体账户。
  • 易于使用和理解的下拉菜单。
  • 几个主页部件,以公告,促销和产品为特色。
  • 带有轻量级、不分散注意力的动画的产品图库。
  • 可自定义的页脚模块。
  • 产品页面保持简单,但仍然包括客户评论。

最快 WooCommerce 主题分析

精品店的功能集尽可能小,设计看起来是轻量级和简洁的格式。毫无疑问,它作为一个快速 WooCommerce 主题出现在这个列表中,但它与其他主题相比如何呢?

GTMetrix 速度测试

  • 页面速度得分: 91%
  • YSlow 评分: 79%
  • 满载时间:2.8 秒
  • 总页面大小: 586KB
  • 请求: 59

Pingdom

  • 性能等级: 81
  • 加载时间:1.98 秒
  • 页面大小: 624KB
  • 请求: 59

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 47
  • 第一张图片或文字: 4.4s
  • 速度指数(所有内容的可见人群): 7.1s
  • 完全互动的时间:6.4 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:587 毫秒
  • 总时间:828 毫秒
  • 总标题尺寸: 510b

测试结论

精品最终在性能分数方面处于低端。话虽如此,PageSpedd 评分还是在 90 以上。然而,精品受到 YSlow、Pingdom 和谷歌移动性能分数的影响,将其推向了后面。

你的新 WooCommerce 网站需要顶级、快速、安全的主机服务吗?Kinsta 提供超快的服务器和来自 WooCommerce 专家的 24/7 世界级支持。查看我们的计划

当进行加载时间测试时,精品主题有更好的结果。最终,Boutique 成为了排名中间的产品,展示了最快的 GTMetrix 加载速度和可观的 TTFB。较高的结果来自 Pingdom 和移动速度加载时间。

Zakra 在线商店

Zakra 是一个多用途的 WordPress 主题,拥有成千上万的用户,它为构建多种类型的网站提供了一个设计良好的基础设施,具有简单的定制工具和与其他演示一起工作的轻量级框架。

Zakra demos

Zakra demos

WooCommerce 集成的特点是响应性在线商店页面和深度设计选项,如购物车模块和标题定制。页面生成器功能包括与流行生成器的集成,而 AMP-ready 配置承诺在移动设备上有更快的速度。

用户可以将标准的 Zakra 主题转换成一个在线商店,但是当你安装一个为电子商务制作的入门模板时,真正的力量就来了。在 Zakra 库中找到几十个模板,包括六个电子商务图库、作品集和购物车工具

Zakra theme

Zakra

定价

Zakra 有一个免费的核心版本和一个每年 49 美元的专业选项。涵盖了一个地点。

增加更多的站点会增加价格。

显著特征

  • 几个预建主页和博客的入门演示,包括电子商务网站的选项。
  • 拖放集成,允许连接到 Gutenberg 和 Elementor,仅举几例。
  • 动态、可定制的页眉和页脚,以及用于小部件和菜单的高级定制选项。
  • 来自可视化构建器的 WooCommerce 元素样式。
  • 已经为主题优化的产品目录和小部件。
  • WooCommerce 专用的侧栏和布局。
  • 可插入任何产品页面的相关产品模块。
  • 菜单样式和工具,以扩大规模,实现类似于一个巨大的菜单。

最快 WooCommerce 主题分析

Zakra 拥有常规博客、商业网站和电子商务的各种功能。演示是轻量级的,适合销售不同的项目。至于速度,看看下面…

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 90%
  • 满载时间:7.9 秒
  • 总页面大小: 536KB
  • 请求: 49

Pingdom

  • 性能等级: 85
  • 加载时间:1.26 秒
  • 页面大小: 567.2KB
  • 请求: 48

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 59
  • 第一张图片或文字: 2.8s
  • 速度指数(所有内容的可见人群): 8s
  • 完全互动的时间:4.9 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:2726 毫秒
  • 总时间:3013 毫秒
  • 请求大小: 200b
  • 总标题尺寸: 510b

测试结论

当平均所有四个性能分数时,Zakra 最终在所有测试的主题中排名前五。特别是移动测试,很快产生了结果,表明 Zakra 在较小的设备上表现出色。

出于某种原因,加载时间测试出了问题。要么 Zakra 的加载时间明显比其他竞争对手差,要么可能是主题中有什么东西与我安装的其他插件冲突。不管怎样,Zakra 在线商店产生了最差的 GTMetrix 和 TTFB 加载时间。Pingdom 加载时间还不错,但是移动速度指数测试的分数也很低。

从不

Neve 是另一个广泛使用的 WordPress 主题,吸引了开发者的大量关注。该主题与流行的页面生成器相结合,并呈现一个轻量级和通用的设计过程,以轻松配置美丽的设计。

ThemeIsle 开发人员在干净的代码和质量支持方面享有很高的声誉。

Neve - fastest WooCommerce theme

Neve

就其本身而言,Neve 与 WooCommerce 集成在一起,允许您在站点上放置商店和购物车。

然而,它还提供了几个免费和优质的演示和儿童主题,在几分钟内推出一个令人惊叹的商店展示。

My Shop demo

My Shop demo

定价

Neve 没有免费下载选项。

高级版起价为每年 59 美元,包括定制布局——如 WooCommerce 演示——高级支持和几个助推器。

ThemeIsle 网站上还出售其他几款带有附加功能和附件的计划。

显著特征

  • 一个完整的电子商务店面演示。
  • 子主题和其他演示内容来填充您用 Neve 构建的在线商店。
  • 支持成功的拖放构建器,如 Beaver Builder 和 Elementor。
  • Elementor Booster 引入了七个新的设计模块,其中一些是为在线商店准备的。
  • 页眉和页脚的自定义布局。
  • 一个高级的标题设计器,具有改进的样式、社交按钮等等。
  • WooCommerce Booster pack 用于设计产品展示区,并围绕这些系列的大小和位置等元素进行更改。

最快 WooCommerce 主题分析

Neve 在一些领域处于领先地位,并为其他主题开发者提供了一个基准来努力开发快速、轻量级的主题。WooCommerce 演示肯定会让它慢一点,但这是高质量的托管和优化解决不了的问题。

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 90%
  • 满载时间: 3.3s
  • 总页面大小: 460KB
  • 请求: 44

Pingdom

  • 性能等级: 86
  • 加载时间:1.08 秒
  • 页面大小: 487.7KB
  • 请求: 44

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 66
  • 第一张图片或文字: 2.7s
  • 速度指数(所有内容的可见人群): 5.1s
  • 完全互动的时间:4.9 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:606 毫秒
  • 总时间:894 毫秒
  • 请求大小: 200b
  • 总标题尺寸: 510b

测试结论

Neve 的 WooCommerce 测试证实了我们在测试常规 WordPress 主题时发现的数据。从来没有高质量的页面加载时间,尤其是移动速度。

Neve 在所有性能评分类别中也表现强劲,看看 PageSpeed、YSlow 和 Pingdom 测试都得到了高分。

美德

WooCommerce 主题拥有好评如潮的评论,时尚的主页设计,以及装载了精彩功能的多功能定制程序。这个主题实际上来自 Kadence 主题开发者,所以很明显这些人知道如何制作一个快速模板。

Virtue 和标准 Kadence 主题的主要区别在于,Virtue 直接面向电子商务店主。它包含了令人印象深刻的购物车和产品展示区的功能组合,并且主题足够简单,因此一些类型的企业可以在他们的网站上使用它。

例如,我们可以看到它被用于户外运动,男装,或手表店。它确实有一点男性化的外观,但你也可以改变颜色,以适应你自己的品牌。

Virtue - fastest WooCommerce theme

Virtue

凭借完美的响应元素和对 Kadence builder 块的访问,您不会在虚拟设计环境中出错。其他一些亮点包括盒装布局和可定制的页眉布局,非常适合移动您的徽标或为您的产品添加多个菜单。

定价

美德有免费版。

它还提供每年 75 美元的高级选项。这包括一年的支持和更新。

显著特征

  • 添加无限滚动、短码和高级图标的独特设置。
  • 直接链接到谷歌分析
  • 一个粘性标题选项。
  • 几个高级小工具,其中许多与 WooCommerce 配合得非常好。
  • 一个巨大的菜单来添加尽可能多的产品类别链接。
  • 为你的网站带来社会证明的推荐帖子。
  • 一键式演示导入程序,只需点击一个按钮,即可将您的网站转变为在线商店。
  • 一个高级滑块,可以使你的文本动画化,并包括其他高级项目的功能,如视差滚动和背景视频。
  • 一个强大的选项面板,提供了站点布局样式和标题选项,让您的站点更上一层楼。
  • 为您的博客提供多个列表和网格样式
  • 有用的 WooCommerce 特性,如自定义标签、布局样式和按钮样本。
  • 一个完全可定制的标题布局,具有修改徽标和菜单的工具。
  • 如果您不想使用宽屏配置,可以使用盒装布局。

最快 WooCommerce 主题分析

美德拥有可负担性和设计实力。它的速度测试有一些优点和缺点,我们将在下面讨论。

GTMetrix 速度测试

  • 页面速度得分: 76%
  • YSlow 评分: 90%
  • 满载时间:3.2 秒
  • 总页面大小: 1210KB
  • 请求: 50

Pingdom

  • 性能等级: 86
  • 加载时间:1.20 秒
  • 页面大小: 1300KB
  • 请求: 50

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 56
  • 第一张图片或文字: 2.3s
  • 速度指数(所有内容的可见人群):6.8 秒
  • 完全互动的时间:7.5 秒

字节检查 TTFB 测试

  • 到第一个字节的时间:849 毫秒
  • 总时间:1102 毫秒
  • 总标题尺寸: 510b

测试结论

从性能得分开始,Virtue 在 GTMetrix 中的 PageSpeed 结果最差。然而,YSlow 和 Pingdom 测试结果良好。总的来说,相当低的 PageSpeed 分数,加上不太出色的谷歌移动结果,拉低了美德的平均性能结果,使其接近小组的底部。

美德弥补了页面加载时间中不一致的性能分数。它排在前十名,GTMetrix 和 Pingdom 的时间也相当快。TTFB 和移动速度结果在我们的测试组中并不领先。

网上商店

网店主题没有最原始的名字,但是很直奔主题,有点像主题的设计和界面。主页上绝对不缺少功能或可定制的模块,但很明显这个主题是为网上商店设计的。

你可以移动窗口小部件,并快速添加一个标题,叠加到你知道并喜欢使用的流行在线市场。以页眉为例。你不一定要使用这些设置,但是主题至少给了你添加联系人信息、愿望列表按钮和社交媒体按钮的选项。

您甚至可以添加商店营业时间和位置链接,以便人们找到任何实体店的方向。

Online-shop theme

Online-Shop

网上商店包括多个菜单,这些菜单要么相互补充,要么添加到主菜单上。你可以用各种各样的主页插件和定制工具创建任何类型的在线商店。

例如,我们已经看到了主题用于服装店和科技商店的例子。主题附带一个滑块,对于一些人来说,这就是你所需要的。然而,你也可以选择结合更强大的滑块插件,如滑块革命。

定价

网店主题有免费下载版本。pro 版提供两种价格,个人许可 55 美元,开发者许可 99 美元。

显著特征

  • 一键式演示导入,从您在演示中看到的设计开始。
  • 超过九个部件添加到侧栏和网站的其他部分,其中许多是电子商务的意思。
  • 页面生成器集成插件,如页面生成器和网站起源。
  • 无限的滑块,可以在网站的任何页面。
  • 一个时尚的特色产品区,旨在吸引客户并促使他们购买产品。
  • 用于添加您的地址和联系信息的标题定制区域。社交媒体栏也在那里,让你链接到你的品牌最受欢迎的社交账户。
  • 链接到其他页面的标题图像和视频点,可以在用户登录您的网站时播放。
  • 广告区,如果你也想展示广告。

最快 WooCommerce 主题分析

网上商店主题在设计能力方面很成功,但是它能与最快的 WooCommerce 主题相抗衡吗?看看下面的速度结果。

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 86%
  • 满载时间: 3.3s
  • 总页面大小: 655KB
  • 请求: 55

Pingdom

  • 性能等级: 82
  • 加载时间:1.07 秒
  • 页面大小: 692.9KB
  • 请求: 55

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 52
  • 第一张图片或文字: 3.7s
  • 速度指数(所有内容的可见人群): 7.4s
  • 完全互动的时间:6.3 秒

字节检查 TTFB 测试

  • 到第一个字节的时间:636 毫秒
  • 总时间:885 毫秒
  • 总标题尺寸: 510b

测试结论

在线商店是性能分数测试中最完美的平均主题之一。突出的结果包括相当高的 PageSpeed 分数和相当高的 Pingdom 等级。YSlow 比其他分数低一点,谷歌移动分数是在线商店主题表现最差的部分。

尽管仍处于该领域的中间,但在线商店在加载时间测试中为大狗提供了一些令人印象深刻的竞争。在线商店的 GTMetrix 加载时间徘徊在三秒左右,使其成为最大的竞争者。TTFB 和 Pingdom 加载时间都很快。

然而,从谷歌的移动速度指数来看,网上商店是加载最慢的网站之一。

商店

The Shop theme - fastest WooCommerce theme

The Shop theme

作为一个完整的电子商务解决方案,商店与 WooCommerce 兼容。这个主题简单而轻便,利用一个基本的滑块和文本框来显示促销和产品信息。

您可以在网站上插入多个菜单,并在主页的几个区域中包含一系列产品。如果你链接到补充的扩展,还有很多选项可以显示博客文章和产品评论。

商店主题是从 aThemes 免费下载的。没有高级版本,但有一些扩展来扩展你的设计。

除了主页的各种选项外,商店主题还有各种品牌颜色选项和调整字体的工具。这种简单的设置只需要几分钟,并且 aThemes 支持团队以及时提供帮助而闻名。

更不用说,aThemes 提供了大量的教程视频来指导你的设计过程。最后,该主题提供了几个页面模板,可以在您的主页上使用,并快速生成适合您业务的布局。总的来说,商店的主题坚持简约,设计时尚,并能快速交付给用户。

定价

这家商店完全免费。它有一个扩展,页脚信用插件,价格为 5 美元。

显著特征

  • 全力支持 WooCommerce。
  • 自定义主页,可选择添加横幅、产品图库等。
  • 两个菜单相互补充,作为两个独立的实体运行。你可以在标题的顶部放置一个,在标题的下方放置一个,比如一个用于主页,另一个用于产品类别。
  • 滑块创建一个简单和圆滑的标题图像,支持多张照片在滑块和文本和按钮呼吁行动。
  • 一个简单的配置过程来安装主题并获得合适的演示元素。
  • 页面模板来设置你的主页,如主题演示和扩展全幅和其他格式的页面。
  • 颜色选项,以立即改变您的整个配色方案或修改个别颜色。您可以选择要更改的特定颜色,如标题或描述。
  • 谷歌字体支持,可访问超过 600 种字体,使您的字体设计符合您的品牌。
  • 几个博客选项来格式化博客文章并在你的主页上显示文章列表。
  • 翻译就绪的工具,根据客户的语言调整您的语言。
  • 通过 WordPress Live Customizer 定制选项,提供预览修改和快速设置。
  • 文本横幅和图标。
  • 支持产品评论。
  • 页脚学分的扩展,允许您自定义一小部分页脚。

最快 WooCommerce 主题分析

当谈到极简主义时,商店主题就抓住了这一点。主题看起来变化很快,有很多空白,并且没有前端或后端功能的混乱。这可能是这个主题如此快速的部分原因。让我们看看它与其他主题相比如何。

GTMetrix 速度测试

  • 页面速度得分: 83%
  • YSlow 评分: 87%
  • 满载时间: 3.5s
  • 总页面大小: 1640KB
  • 请求: 55

Pingdom

  • 性能等级: 82
  • 加载时间:1.60 秒
  • 页面大小: 1700KB
  • 请求: 55

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 46
  • 第一张图片或文字: 3.4s
  • 速度指数(所有内容的可见人群): 7.5s
  • 完全互动的时间:8.9 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:644 毫秒
  • 总时间:913 毫秒
  • 总标题尺寸: 510b

测试结论

当平均出所有的性能分数时,商店主题接近最后的点结束。这可能是因为 PageSpeed 分数是这次测试中少数几个低于 90 分的分数之一。它仍处于 80 年代,但在这方面没有其他产品好。YSlow 测试没问题,Pingdom 测试结果也没问题。然而,谷歌手机测试也处于低端。

总的来说,商店在装载时间测试中取得了更好的结果。话虽如此,最终还是排在了后五名。GTMetrix 加载时间相当不错。Pingdom 的加载时间比这个列表中的许多其他文件都要慢。移动速度指数也相当缓慢。TTFB 的结果相当不错。

流行

Vogue 的设计散发出一种平静和简单的感觉。该主题以其优雅的字体和中性的颜色为珠宝、时尚和生活品牌提供了一种配置。

它甚至有一些独特的工具,比如滚动的社交媒体标签,可以链接到你所有的社交页面。标题看起来简单明了,但充满了包括你的社交按钮和联系信息的区域。

提供了一个幻灯片,用于展示您的产品图片。你也可以在幻灯片上放置按钮和链接,引导人们到你网站的其他地方。

Vogue - fastest WooCommerce theme

Vogue

Vogue 只迎合在线店主,因为它是为与 WooCommerce 合作而建立的,并有交互式购物车图标和产品展示区。有四种标题布局可供选择,并有一个完全响应的设计供用户在较小的设备上查看网站。

Vogue 主题作为一个多功能主题进行营销,但它主要表现为在线商店。颜色设置非常适合你的品牌,整体简洁的设计一定会让你的眼睛看起来更有神。这是一个稳定而快速的解决方案,具有开发人员正在寻找的轻量级设计。你甚至可以访问开发者挂钩和选项来整合额外的功能。

定价

Vogue 有免费版本供你下载。高级版售价 25 美元。

显著特征

  • 带有内置 SEO 工具的自定义 WooCommerce 设计。
  • 像开发者挂钩和自定义 CSS 框这样的可扩展元素。
  • 支持最先进的页面生成器。
  • 多种页脚布局添加重要信息。
  • 几个博客布局。
  • 多个标题布局,区域包括社交媒体按钮和联系信息。
  • 全彩设置,以改变一种或所有的颜色。
  • 一个时髦的菜单,可以选择打开粘性导航。
  • WooCommerce 的下拉列表,以及移除 WooCommerce 购物车等项目的设置。
  • 发布公告或显示商店信息的顶部栏。
  • 一个短码来添加滑块到你网站上的任何页面。
  • 用于合并文本和按钮的滑块定制工具。
  • 独特的 WooCommerce 功能,用于设置每行或每页的产品数量。
  • 选项来设置你的 WooCommerce 页面为全幅或把它们放在侧边栏。
  • 图像缩放、灯箱和产品边框。

最快 WooCommerce 主题分析

《Vogue》主题的简单性使其脱颖而出。再加上内置的 WooCommerce 工具,很明显,许多网店店主可以从 Vogue 这样的主题中受益。作为一个极简主义的主题,《Vogue》提供了快速的表演时间,但与其他主题进行比较是很重要的。

GTMetrix 速度测试

  • 页面速度得分: 93%
  • YSlow 评分: 84%
  • 满载时间:3.7 秒
  • 总页面大小: 894KB
  • 请求: 60

Pingdom

  • 性能等级: 81
  • 加载时间:1.01 秒
  • 页面大小: 942.2KB
  • 请求: 60

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 51
  • 第一张图片或文字: 3.7s
  • 速度指数(所有内容的可见人群): 7.2s
  • 完全互动的时间:6.6 秒

字节检查 TTFB 测试

  • 到达第一个字节的时间:647 毫秒
  • 总时间:899 毫秒
  • 总标题尺寸: 510b

测试结论

在我们的性能测试中,我们将 Vogue 归类为中等偏下水平的竞争者之一。分数是全面稳定的,PageSpeed、YSlow 和 Pingdom 分数都很好。但《Vogue》的主题与谷歌移动测试的分数有些矛盾,所以这让它在排名中进一步下滑。

加载时间测试非常相似,GTMetrix 和 TTFB 的加载时间表现强劲,但比其他产品稍弱。它真的超越了 Pingdom 的分数。然而,Vogue 在移动速度指数较慢的情况下,其平均值有所下降。

伍斯蒂菲

Woostify 体现了 WooCommerce 的本质,它提供了高功能的主页,几个演示设计,一个带有公告区和各种交互按钮的标题。

例如,您可以在标题中实现用户、愿望列表和购物车图标,同时还可以添加一个搜索栏,方便人们查找产品。滑块图像很大,加粗,并带有用于标题文本和按钮的工具。

Woostify 是一个轻量级和用户友好的主题,以速度为中心。这个主题还提供了与流行的页面构建器的集成,比如 SiteOrigin 和 Visual Composer 等等。除了 WooCommerce,它的一些主要插件包括 bbPressYoast

Woostify theme - fastest WooCommerce theme

Woostify

Woostify 主题在速度测试中表现出色有几个原因。

首先,开发人员不使用任何 jQuery,但他们坚持使用 JavaScript。因此,没有理由先加载庞大的库,因为主题不是用大型 CSS 框架构建的。

你也可以期待主题跟上 WordPress 编码标准和 PHP 支持。从现场定制设置到悬停风格和购物车布局,与市场上的许多其他 WooCommerce 主题相比,Woostify 是一颗宝石。这是一个免费的主题,有许多高级功能,如果需要,你仍然可以选择升级。

定价

Woostify 有一个免费版本。

在一个网站上,高级主题包售价为 39 美元。这包括一年的支持和更新。他们也有无限期和终身计划,花费更多。

高级版提供了相当多的附加软件,除了标准的高级费用之外,没有必要支付额外的费用。一些附加组件包括标题生成器、大菜单和快速查看。

显著特征

  • 与 Beaver Builder 和 Elementor 等顶级页面生成器集成。
  • 支持 bbPress、 BuddyPress 等热门插件。
  • 产品页面和列表样式来调整这些区域对客户的外观。
  • 在一定程度上可定制的多步骤结账。
  • 悬停样式和购物车布局,以进一步调整您的网站的外观。
  • WordPress Live 定制器中的功能和简单设置。
  • 支持两个流行的产品愿望清单插件。您还会看到一个产品意愿列表图标。
  • 添加到所有产品页面的视频库。
  • 增强产品属性的产品样本。
  • 把你的网站变成多供应商市场的选择。你必须集成一个插件,但功能是存在的。
  • 几个免费的预建演示,为您的在线商店找到完美的设计。多种标题样式,挂钩和过滤器,以自定义每个方面。
  • 各种高级附加组件,如粘性购物车按钮、销售通知和尺寸指南。

最快 WooCommerce 主题分析

我们知道 Woostify 拥有令人难以置信的 WooCommerce 工具。我们知道它足够轻便和简单,可以作为高性能主题给人留下深刻印象。唯一的问题是它如何经得起我们的测试,以及它与其他主题相比处于什么位置。

GTMetrix 速度测试

  • 页面速度得分: 94%
  • YSlow 评分: 87%
  • 满载时间: 3.3s
  • 总页面大小: 645KB
  • 请求: 59

Pingdom

  • 性能等级: 82
  • 加载时间:4.91 秒
  • 页面大小: 684KB
  • 请求: 59

PageSpeed Insights 测试(仅限移动设备)

  • 总分: 58
  • 第一张图片或文字: 2.8s
  • 速度指数(所有内容的可见人群): 6.2s
  • 完全互动的时间:6.8 秒

字节检查 TTFB 测试

  • 到第一个字节的时间:629 毫秒
  • 总时间:917 毫秒
  • 总标题尺寸: 510b

测试结论

Woostify 取得了最好的成绩,平均成绩使其向中场靠拢。PageSpeed 的分数令人印象深刻。YSlow 的分数还不错,Pingdom 的分数看起来也不错。虽然它不是最差的,但我们认为在查看了谷歌移动速度测试后,Woostify 可以对移动性能进行一点改进。

Woostify 在加载时间测试中跌至底部。这几乎完全是因为 Pingdom 加载时间比平均时间短。它的 TTFB 非常棒,还有它的 GTMetrix 加载时间。甚至移动速度指数也不差。出于某种原因,它在通过 Pingdom tester 发送时出现了问题。

And the winner is.... 🏆 See which WooCommerce theme passed rigorous testing to come out as the fastest option out there 💥Click to Tweet

最快的 WooCommerce 主题选项排名

有了这些数字,它有助于以更直观的格式呈现结果。下图是来自 GTMetrix、Pingdom 和 PageSpeed Insights 的主要性能得分。我们通过平均所有四个分数并按顺序列出这些主题平均值来组织图表。

通过这种方式,您可以看到哪一个整体性能得分最高和最低。

performance score chart - fastest WooCommerce theme

Performance Score Chart

外卖食品

  • 兰花商店是唯一一个来自 GTMetrix 的 PageSpeed 评分高于 94%的 WooCommerce 主题。
  • 这个列表中的大多数主题都有相似的 PageSpeed 分数,通常在 92-95 左右。
  • 仅有的两个低于 90 页面速度分数的主题包括商店和美德。
  • YSlow 的顶级玩家包括 Virtue、Hello Elementor、Neve 和 Zakra。
  • 精品店的 YSlow 评分最差。
  • 最好的 Pingdom 评分来自于兰花店、Hello Elementor、Neve、Kadence 和 Virtue。
  • 《精品店》和《时尚》的平民化得分最低。
  • Hello Elementor 和兰花商店获得了最佳 Google PageSpeed 移动测试。
  • Storefront 获得了 Google PageSpeed 移动测试的最后一名——遥遥领先。

最高平均分

  • hello 元素或
  • 兰花商店
  • 从不

最低平均分

  • 店面
  • 商店
  • 精品店

下面的图表做了同样的事情,从类别中平均出所有四个结果,除了这次是加载时间。通过这种方式,我们可以了解哪些主题在特定的加载时间测试中表现良好,同时还可以将所有主题汇总起来进行最终评估和排名。

load time test chart - fastest WooCommerce theme

Load Time Test Chart

外卖食品

  • GeneratePress 达到了最快的 GTMetrix 加载时间,Boutique 和 Elementor 紧随其后。
  • Zakra Online 提供了最慢的 GTMetrix 加载时间。兰花商店和 OceanWP 也是垫底的。
  • StoreVilla 给出了最快的 Pingdom 加载时间。
  • Woostify 的 Pingdom 加载时间最慢。
  • 兰花商店提供了最快的移动速度指数。
  • ShopIsle 显示了最慢的移动速度指数。
  • 然而,ShopIsle 拥有最快的 TTFB。
  • Zakra Online 发的最慢的 TTFB。

最快平均加载时间

  • 生成 Press
  • hello 元素或
  • 从不

最慢平均加载时间

  • Zakra 在线商店
  • 伍斯蒂菲
  • 购物岛

你好,Elementor 和 Neve 在分数和加载时间上都是表现最好的。兰花商店是一个混合包,具有一流的性能得分,较慢的加载时间,更好的移动得分。除了在移动设备上,ShopIsle 在大多数类别中都表现良好。

总的来说,有一些惊喜(比如店面没有保持良好)和大量的预期结果(比如 Hello Elementor 或 outshining the field)。此外,很高兴看到专门为 WooCommerce 制作的主题提供快速评分,如精品店和兰花店。

最快的 WooCommerce 主题选项-完整的结果

以下是评估中列出的每个 WooCommerce 主题的最终结果。我们对主要的加载时间指标进行了平均,并从第一名到最后一名对主题进行了排序。我们又做了同样的事情——平均表现分数——来排列主题。

平均加载时间排名(从最快的开始,以秒为单位)

WooCommerce themes - Average Load Time Rankings

WooCommerce themes – Average Load Time Rankings

  1. 购物车–3.10
  2. 精品——3.12
  3. ocean WP–3.12
  4. shopay–3.12
  5. 时尚——3.14
  6. rife–3.18
  7. 商店-3.31
  8. 卡登斯–3.45
  9. 购物岛——3.56 英镑
  10. 伍斯提夫——3.76
  11. Zakra 在线商店–4.97 英镑

平均绩效得分排名(从最高分开始,满分为 100 分)

WooCommerce themes - WooCommerce themes - Average Load Time

WooCommerce themes – WooCommerce themes – Average Load Time

  1. store villa–79.25 英镑
  2. 网上商店–78.50 英镑
  3. 里弗–78.50 英镑
  4. AccessPress 商店–78.50 英镑
  5. 购物——78.25 英镑
  6. 时尚——77.25 英镑
  7. 美德-77.00
  8. 购物岛–75.25 英镑
  9. 精品——74.50 英镑
  10. 商店——74.50 英镑
  11. 店面–71.75 英镑

仅此而已,多好的旅程啊!

现在轮到你了:你使用了哪些 WooCommerce 主题?我们的清单上少了什么?欢迎在评论中分享你喜欢的其他快速 WooCommerce 主题!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。**

金斯塔如何设计最快的 WordPress 托管体验

原文:https://kinsta.com/blog/fastest-wordpress-hosting/

2016 年,我们的团队着手让 Kinsta 已经高性能的 WordPress 主机运行得更快。那段旅程以我们将我们的整个基础设施从多家供应商迁移并整合到谷歌云平台(GCP)而告终。

今天回想起来,那个选择在让我们建立世界上最快的 WordPress 托管平台中发挥了巨大的作用。

在本文中,我们将深入探讨 Kinsta 的愿景,以及我们为什么选择 Google 云平台作为我们的基础设施提供商。具体来说,你将了解 Kinsta 如何使用计算优化的 C2 虚拟机、高级流量路由和定制的容器化托管栈将 WordPress 的性能提升到一个新的水平。

系好安全带。

谷歌云平台和虚拟机

谷歌云平台提供多种虚拟机(VM)。把虚拟机想象成数据中心里的一台计算机,完全配备了 CPU、RAM、 SSD 存储和快速互联网连接。

与普通计算机一样,虚拟机有不同的配置。在 GCP,虚拟机被分为不同的家族。

具体来说:

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

  • N1、N2 和 E2 虚拟机是适用于各种工作负载的通用机器,但它们并未针对任何单一任务进行优化。它们在 web 服务器、商业应用程序和小型数据库中很受欢迎。
  • M1 和 M2 的机器为内存密集型用例加载了 RAM,如大型内存中 SQL 和 NoSQL 数据库以及内存中数据分析。
  • C2 机器是“计算优化”的虚拟机,专为电子设计自动化、高性能游戏和其他像 WordPress 这样的 CPU 密集型工作负载而设计。这些是谷歌云平台最快的服务器,也是我们在 Kinsta 这里实现的。

金斯塔如何使用谷歌云平台

在我们提供最快的 WordPress 托管体验的愿景中,谷歌的 C2 虚拟机发挥了关键作用,但这并不是唯一重要的方面(更多内容见下文)。

与通用的 N1 虚拟机相比,我们对 C2 虚拟机配置进行了基准测试,发现它比 WordPress 快 200%。

让我们给你一个简单的例子,计算优化的虚拟机如何直接影响 WordPress 网站的速度。

WordPress 核心、插件主题是用一种叫做 PHP 的编程语言编写的。代码由 PHP workers 执行,PHP workers 是后台进程,执行各种任务,从调用数据库来生成网站页面,到为 WooCommerce 商店发送订单确认。

简单来说,PHP 工作人员是你的 WordPress 站点的引擎。

对 WordPress 站点的未缓存请求需要由 PHP 工作人员处理。由于 CPU 性能直接影响 PHP 工作人员处理代码的速度,谷歌 C2 虚拟机中的超高速 CPU 直接影响你的 WordPress 站点的速度

A review from a satisfied Kinsta customer.

是什么让金斯塔快速?

Kinsta hosting 的核心是一个容器化的托管栈,由定制实现的 LXDNginxMariaDB最新版本的 PHP 提供支持。我们的软件栈专门针对谷歌云平台上的高性能 WordPress 主机进行了调整,随着更新更快的解决方案的出现,我们会不断调整和优化它。

在基础设施方面,我们利用谷歌的 C2 虚拟机和高级层网络,通过尽可能避免公共互联网管道,提供低延迟和快 30-50%的流量路由

相比之下,大多数其他 WordPress 主机使用更便宜的不太安全的光纤,以牺牲网络速度为代价。

通过将我们独特的主机栈与谷歌最快的虚拟机、流量路由和我们团队的深入经验相结合,Kinsta 能够充分利用谷歌云平台的性能,为我们的客户提供真正注重性能的 WordPress 主机体验。

然而,有这么多“注重性能”的 WordPress 主机,你可能会认为像 GCP 的 C2 机器这样的顶层虚拟机和高级层流量路由将是标准。

不幸的是,在今天的 WordPress 托管环境中,并非如此。

Kinsta is on a mission to offer the fastest hosting experience possible… and it all starts with Google Cloud Platform’s lightning fast C2 machines ⚡️Click to Tweet

Speed up your WordPress site instantly with the fastest WordPress hosting solutions from Kinsta. Try today with a 30 day money back guaranteeT2】

由谷歌云平台支持的托管提供商

Kinsta 不是唯一一个使用谷歌云平台(GCP)的 WordPress 主机。然而,我们是唯一一家为所有客户使用计算优化的 C2 虚拟机和谷歌超高速高级层网络的主机。

金士塔 vs 场地

2020 年 5 月, SiteGround 宣布将六个数据中心的谷歌云平台基础设施上托管的站点升级到 N2 虚拟机。在 SiteGround 的新闻稿中,他们表示从 N1 迁移到 N2 虚拟机将使 CPU 性能提高 40%。

相比之下,Kinsta 支持 35 个数据中心位置,12 个区域的C2 虚拟机速度快 200%。这意味着除了托管在更快的服务器上,你还可以有策略地将你的网站放在更接近目标受众的地方!

Kinsta vs WP 引擎

2019 年 8 月,WP Engine 宣布支持计算优化的 C2 虚拟机。然而,只有以 290 美元/月起的专用计划的客户才能在 WP 引擎上访问高性能 C2 虚拟机。

在 Kinsta,所有客户都托管在 C2 虚拟机上。无论你是在起步计划还是企业计划,无论你的预算有多大,你都可以利用谷歌云平台最快的服务器,获得最快的 WordPress 托管体验。

计算优化的 C2 虚拟机有多快?

在我们深入了解 Kinsta 的与众不同之处之前,请查看一些客户站点在迁移到运行我们定制软件堆栈的 C2 虚拟机后的性能比较。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

一个高流量的 WordPress 新闻网站每分钟处理数百个 PHP 请求,通过切换到 C2 机器,他们的响应时间从 250 毫秒减少到 80 毫秒——这在性能上增加了212.5%

A 212.5% increase in performance after switching to C2.

A 212.5% increase in performance after switching to C2.

Matthew Woodward 的热门在线营销和 SEO 博客的响应时间从 750 毫秒下降到 385 毫秒——这是一个 94.8%的性能提升

Neuralab saw a 80% performance increase after moving to C2.

Neuralab saw a 80% performance increase after moving to C2.

自迁移到 C2 虚拟机以来,我们看到了许多成功案例,这些只是其中的三个。最棒的是,我们的客户不需要做任何事情来利用这些性能提升——没有优化插件,没有网站代码的改变,也没有隐藏成本。

在速度方面,是什么让 Kinsta 与众不同

所以,现在你可能想知道为什么 Kinsta 能够为每个人提供谷歌云平台最快的服务器,而我们的竞争对手却只能在昂贵的定制计划中使用较慢的服务器或 C2 可用性。

答案出奇的简单: Kinsta 是一家私人控股公司将客户体验放在首位。为了深入了解 Kinsta 将我们的整个客户群转移到 C2 VMs 的决定,我采访了我们的首席执行官 Mark Gavalda。

金斯塔的 DNA

据 Mark 称,迁移到计算优化的 C2 虚拟机的决定在很大程度上受到了他所谓的“Kinsta DNA”的影响。

自 2013 年 Kinsta 成立以来:

“不管成本如何,我们一直使用最高质量的材料和人员。这种面向客户的策略想到的两个最明显的领域是多语言支持和基础设施。

出色的支持一直是 Kinsta 的特色之一。尽管我们自 2013 年以来取得了巨大的增长,我们的 24/7/365 客户支持团队已经能够在 2022 年保持不到 2 分钟的响应时间97%的客户满意度。"

看看我们的一些客户对他们在 Kinsta 上的 WordPress 托管体验有什么看法!

使用我们灵活的 Google Cloud powered 基础设施提升你的 WordPress 网站的功能。查看我们的计划。

A review from a satisfied Kinsta customer.

金斯塔的 C2 VMs 之旅

在我们迁移到高性能 C2 虚拟机之前,我们使用 GCP 的通用 N1 虚拟机通过谷歌的高级层网络进行路由。虽然 N1 虚拟机已经为我们提供了不错的性能,但谷歌推出的 C2 虚拟机很早就引起了我们的兴趣。事实上,当 C2 虚拟机处于“alpha 测试”阶段时,马克曾去过谷歌的苏黎世办公室一睹其风采。

一开始是爱…线!

马克带着一个奇异的想法离开了他在 C2 的第一次邂逅:

“我们必须为所有 Kinsta 客户使用这些机器,无论成本如何。”

对我们来说,GCP 计算优化的 C2 虚拟机的定义特性是无与伦比的单线程性能。根据马克的说法,

“大多数与 WordPress 相关的工作负载都是单线程的,所以我们不能使用几十个 CPU 来并行处理一个任务。”

因此,拥有最好的单线程性能对于托管 WordPress 站点来说是极其重要的。

经过大量的基准测试,我们发现,与采用 2.2 GHz CPUs 的 N1 虚拟机相比,C2 的 3.8 GHz 全核持续睿频 CPU“有效地将单个虚拟机在任何给定时间可以处理的工作量增加了一倍”。在基准测试之后,我们立即联系了 Google Cloud 以获取更多关于 C2 可用性的信息。

C2 实例的可用区域

在 2020 年初,我们完成了将整个基础设施迁移到受支持地区的 C2 虚拟机(见下文)。这意味着无论你在北美、欧洲还是亚洲,总有一个配备 C2 的地区离你很近。

随着谷歌云使 C2 虚拟机在其他地区可用,我们将继续把我们的基础设施迁移到 C2 的机器上。

  1. 台湾彰化县(东亚 1)
  2. 香港(东亚 2)
  3. 日本东京(亚洲东北部 1)
  4. 日本大阪(亚洲东北部 2)
  5. 韩国首尔(东北亚 3)
  6. 印度孟买(亚洲南部 1)
  7. 印度德里(亚洲-南方 2)
  8. 新加坡裕廊西(东南亚 1)
  9. 印度尼西亚雅加达(东南亚 2)
  10. 澳大利亚墨尔本(澳大利亚东南部 2)
  11. 比利时圣吉斯兰(欧洲-西方 1)
  12. 英国伦敦(欧洲-西方 2)
  13. 德国法兰克福(欧洲-西方 3)
  14. 荷兰 Eemshaven(欧洲-西方 4)
  15. 瑞士苏黎世(欧洲-西方 6)
  16. 加拿大蒙特利尔(北美-东北 1)
  17. 加拿大多伦多(北美-东北 2)
  18. 巴西圣保罗(南美-东方 1)
  19. 美国爱荷华州康瑟尔布拉夫斯(美国中部 1)
  20. 美国南卡罗来纳州蒙克斯角(美国东部 1)
  21. 美国弗吉尼亚州阿什本(美国东部 4)
  22. 美国俄亥俄州哥伦布市(美国东部 5 区)
  23. 美国俄勒冈州达拉斯市(美国西部 1)
  24. 美国加利福尼亚州洛杉矶(美国西部 2)
  25. 美国犹他州盐湖城(美国西部 3)
  26. 美国内华达州拉斯维加斯(美国西部 4)

多亏了谷歌灵活的虚拟机设计和我们令人难以置信的工程和系统管理团队,从 N1 到 C2 的过渡是无缝的。后 C2 时代,的客户反应非常好,我们确信,无论成本如何,转向谷歌最快的服务器是我们客户的最佳选择。用马克的话说——“没有回头路”!

为所有计划提供最快的托管体验(现在和未来)

“无论代价如何,速度是我们永远不会妥协的东西”。—金斯塔公司首席执行官马克·加瓦尔达

说到技术,未来是广阔的。Kinsta 热衷于 WordPress 主机领域的创新,我们总是从改善客户体验、满意度和性能的角度来评估最新技术。用马克的话说:

“我们的团队与谷歌云密切合作,以确保我们尽快测试新产品,所以你可以肯定我们非常关注最新的基础设施进步。”

五年后,C2 虚拟机可能不再是 WordPress 最快的服务器了。如果您的站点托管在 Kinsta,您就不必担心这一点,因为我们已经让"免费将您的站点迁移到最新的服务器上了

⚡️ Ultra-fast C2 machines 🚦 premium traffic routing, and ✨ a custom containerized hosting stack- just a few of the ways Kinsta is making managed hosting faster than ever ⬇️Click to Tweet

摘要

凭借其广泛的虚拟机选择、超高速网络和系统管理员友好的功能,谷歌云平台正在迅速成为一个受欢迎的基础设施提供商。尽管 Kinsta 不是唯一使用谷歌云平台的主机,我们是唯一在所有计划中提供 C2 机器的主机

有了 Kinsta,无论你是入门计划还是完全定制计划,你的 WordPress 网站都可以访问 GCP 最快的计算优化服务器。具体来说,从第一天起,您就可以充分利用谷歌云的 C2 虚拟机和高级层网络。

欲了解更多信息,请查看我们的 C2 基准测试

展望未来,我们的目光聚焦于创新和迭代,目标是打造世界上最好最快的 WordPress 托管体验。

我们有许多项目和功能正在开发中,所以请确保订阅我们的时事通讯,了解 Kinsta 和 WordPress 的最新消息!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

2022 年 16 个最快的 WordPress 主题(基于彻底的测试)

原文:https://kinsta.com/blog/fastest-wordpress-theme/

寻找最快的 WordPress 主题似乎是一个注定要失败的事业。你应该测试你感兴趣的每一个主题并比较毫秒加载时间的差异来找到最轻量级的 WordPress 主题吗?

你如何解释开发者和他们的在线演示在主机速度上的变化?如果测试工具产生相互矛盾的结果怎么办?

认为 WordPress 的普通用户会一直测试想要的主题的性能是不现实的。去除外界因素很难,要考虑的 WordPress 主题太多了。

这就是我们为你工作的原因。

使用四个不同的速度测试,每个主题一个新的安装,每个主题的速度测试使用相同的服务器,我们能够将最快的 WordPress 主题缩小到一个候选列表

此外,我们比较了其中的佼佼者,以显示他们中的哪些人在不同情况下表现出色,哪些人的表现得分最高,速度最快。

如果你也想自己进行一些测试,请务必查看我们关于如何进行速度测试的指南。

反而对 Woocommerce 主题感兴趣?看看我们策划的最快的 WooCommerce 主题列表(基于测试)。

让我们开始吧!

我们如何测试最快的 WordPress 主题候选

我们的搜索从我们过去遇到的主题开始,以及基于受欢迎程度、高下载量和高质量评论的最佳 WordPress 主题

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

我们从 WordPress 知识库中添加到候选列表中,以识别隐藏的宝石、更新的主题和高评级的选项,这些选项可能是我们在之前的收藏中遗漏的。

如果你遇到一个快速的 WordPress 网站,你可以用我们的主题检测工具找出它使用了什么主题。如果这个主题不在我们下面的列表中,一定要在评论中告诉我们!

速度测试过程是这样的:

  1. 在空白的 WordPress 沙盒上安装并激活主题。这允许在 WordPress hosting 中实现标准化,并且不会使其他插件或网站文件复杂化。
  2. 让主题保持原样,不添加媒体菜单、页面或帖子。我们还想省去任何演示内容,不分配一个水平起点的主页。
  3. 通过 GTmetrix 速度测试运行主题的网站。
  4. 通过 Pingdom 速度测试运行主题。
  5. 通过 PageSpeed Insights 测试运行主题,评估移动和桌面速度。
  6. 通过字节检查 TTFB 测试运行该主题(如果您想更深入地了解该主题,我们有关于如何减少 TTFB(到第一个字节的时间)的完整指南)。

信息

所有的主题测试都是在 2022 年 2 月做的。

每种测试工具都有它的好处。我们已经概述了我们的指标的含义,以及为什么它们对于更好地理解评估至关重要。

至于为什么我们使用四种工具,每一种都有不同的标准和结果,所以我们想确保一种工具不会比另一种工具给出更好或更差的结果。此外,一些工具专注于具体细节,如移动速度、页面大小或第一个网站元素出现的速度。

这里是我们使用的测试工具的总结。

速度优化是一场你用慢主题赢不了的硬仗。看看最快的 WordPress 主题是如何相互叠加的!📊🥇 点击推文

GTmetrix

GTmetrix 拿一个网站,分解速度和优化。这是一个检查性能问题和主题是否被不必要的文件弄得太乱的极好工具。

自 2020 年 11 月起,GTmetrix 由 Lighthouse 提供支持,并采用了新的报告设计。新设计包括基于新的性能和结构得分的更新的 GTmetrix 等级。

A screenshot of the new GTmetrix report.

GTmetrix.

Pingdom

Pingdom 类似于 GTmetrix,但我们喜欢同时运行两者,因为它们提供的指标略有不同,如果两者之间出现任何重大差异,可以作为一种“制衡”的情况。

Screenshot of the Pingdom Website Speed Test page.

Pingdom.

  • 绩效等级:这是一个累积等级,满分为 100 分。目标是获得尽可能高的分数。影响得分的一些因素包括内容大小、错误、重定向、请求等。
  • 加载时间:【Pingdom 加载安装了主题的整个网站所需的时间。越低越好。
  • 页面大小:你整个站点文件的大小。主题对此影响很大。越低越好。
  • 请求:向用户发送主题和站点内容的服务器请求数。越少越好。

页面速度洞察力

Google PageSpeed Insights 擅长展示用户体验是拥有一个 fast WordPress 主题的最关键部分。它关注内容显示给用户的速度,同时也揭示了主题中导致交付速度慢的方面。

我们同时使用移动和桌面测试进行测量,因为它能提供更好的整体情况。

以下是需要了解的主要数据点:

A screenshot of the PageSpeed Insights Mobile test.

PageSpeed Insights.

  • 表现得分: 此分满分为 100 分。这里的详细描述了性能评分,包括速度指数、内容交付时间和空闲时间。
  • 第一个内容绘画:你的主题和网站显示第一个内容项目所花费的时间。越低越好。
  • 最大内容绘画:你的主题和网站显示最大内容项目所花费的时间。越低越好。
  • 速度指标:每个内容项向用户呈现所经过的时间。同样,较低是理想的。
  • 互动时间:互动性不同于可视性。本质上,这意味着按钮可能是可见的,但是用户可能还不能点击它。所以,这个计时应该比速度指数长,但是我们仍然想要一个更低的数字。
  • 总阻塞时间: 等待下载开始所花费的时间,通常是因为样式表和脚本等其他资产具有更高的优先级。
  • 累积布局偏移:衡量页面的视觉稳定性。页面内容是否意外移动或跳转,尤其是在初始加载期间?一个<0.1 的 CLS 分数被认为是好的,而> 0.25 被认为是差的。

字节检查

一个 TTFB 测试(首字节测试时间)测量浏览器完成一个 HTTP 请求需要多长时间,最终从服务器向用户发送一个字节的数据。

本质上,它是说最微小的信息传递需要多长时间。主机在传递第一个字节中扮演着重要的角色,所以选择最快的 WordPress 主机解决方案是必要的,但是一个笨拙的主题也会带来问题。

下面是我们在使用bytecheck.com进行测试时看到的情况:

A screenshot of Byte Check's TTFB test results.

Byte Check.

  • 到达第一个字节的时间:理想情况下,TTFB 是一个非常短的周期(以毫秒计)。它反映了数据的第一个字节从服务器传到用户手中需要多长时间。
  • 总时间:总时间可能包含其他因素,但我们发现在我们的测试中它总是相同的。我们认为主机的变化会改变这个数字。
  • 请求大小:理想情况下,请求大小是通过 HTTP 请求发送的数据大小。我们的测试揭示了所有主题的相同请求大小。
  • 总头文件大小:这很重要,因为在某些情况下,头文件的大小经常会拖累主题。以字节计算,它是你的主题/网站标题的总文件大小。我们的测试显示,所有主题的标题大小都相同。

现在测试方法和工具已经很清楚了,是时候看看我们的结果,找到最快的 WordPress 主题(有数据支持)。

注:主题排列不分先后。阅读他们各自的测试结果和结论,了解他们的表现。你也可以跳到最后一部分查看所有结果的汇总表格。

1.你好元素师

如果你熟悉元素或页面构建器,你就会知道不使用任何代码来构建一个 WordPress 站点是多么的快速和简单。Elementor 是拖放页面生成器世界中的佼佼者,所以毫不奇怪,同样的开发者已经开发出了一个快速和通用的主题,叫做 Hello Elementor

Hello Elementor's homepage.

Hello Elementor.

这一主题被宣传为快速灵活。正如你所想,它与 Elementor 和许多其他插件结合得很好,如 WooCommerce高级定制字段Yoast 等等。

移动设计在测试中表现良好,并提供了一个流畅的界面,所以你的访问者不会被浮华的菜单或文本所迷惑。这个主题让你从一张相对空白的石板开始,但是 Elementor 的力量开始发挥作用,为任何行业设计你需要的东西。

定价

Hello Elementor 主题可以免费下载。

Elementor 页面构建器是免费的,额外的模板、小工具和元素构建器需要付费(每年 49 美元起)。

显著特征

  • Hello Elementor 主题集成了 Elementor,它是最简单的页面生成器之一。
  • 基本设计和主题文件简单明了,允许极快的速度和干净的界面。
  • 有了 Elementor 集成,你可以用主题和页面生成器创建任何网站。
  • Hello Elementor 附带的一些页面构建器元素包括视频、标题、间隔、谷歌地图作品集、帖子等等。
  • Hello Elementor 内置了快速设计登陆页面的工具。
  • 该主题集成了 WooCommerce、Yoast 和 WPML 等流行插件。
  • 你会收到一个针对所有设备的漂亮的响应式设计
  • 在 RTL 支持中心的帮助下,创建多语言翻译网站
  • Hello Elementor 拥有强大的追随者和坚实的支持资源,让您可以轻松地寻求帮助并在线查找文章。

最快的 WordPress 主题分析

当谈到页面速度和轻量级文件时,Hello Elementor 是一个值得关注的 WordPress 主题。分数反映了这一点。

GTmetrix

  • 性能得分: 100%
  • 结构得分: 96%
  • 最大含量涂料(LCP): 727ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:897 毫秒

Pingdom

  • 性能等级: 92
  • 页面大小: 127.40 KB
  • 加载时间:771 毫秒
  • 请求: 14

PageSpeed Insights(移动版)

  • 表现得分: 93
  • 第一次内容油漆: 2.5s
  • 速度指数: 2.7s
  • 大容量涂料(LCP): 2.6s
  • 互动时间(TTI):2.5 秒
  • 总阻塞时间(TBT):50 毫秒
  • 累计布局偏移(CLS): 0

PageSpeed Insights(桌面)

  • 表现得分: 99
  • 第一次内容油漆: 0.7s
  • 速度指数: 0.7s
  • 大容量涂料(LCP): 0.8s
  • 互动时间(TTI):0.7 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到第一个字节的时间:59 毫秒
  • 总时间:59 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

Hello Elementor 的 GTmetrix 性能得分非常惊人。它的 Pingdom 等级有点不太理想。它以前在谷歌的 PageSpeed Insights 中得分很高,但那些闪电般的加载时间现在变得有点慢了。它的 TTFB 测试完全在竞争对手的范围之内。

最后,我们只看到来自 Pingdom 的 12 个请求。当你向一个网站添加内容时,这种情况会改变,但这是一个很好的起点。我们喜欢看到服务器和用户之间的交流减少。

2。的名称

ThemeIsle 公司以创建快速灵活的主题和插件而闻名,其中许多都是免费升级的。在我们的测试中, Neve 主题凭借其多功能设计和易于定制的布局,在 ThemeIsle 中表现最快。

我们也喜欢 Neve,因为它可以很好地与 woo commerce(WordPress 最流行的在线商店插件)配合使用。看到一些以电子商务为重点的主题拥有轻量级的文件和顶级的性能得分,这令人欣慰。

Neve's homepage.

Neve.

Neve 与 Elementor 和许多其他顶级页面生成器一起工作。这是一个轻量级的、移动优先的 WordPress 主题。可靠的更新和支持也是 ThemeIsle 品牌的支柱。

你还会发现可靠的编码和灵活的结构,以确保你可以建立任何你想要的网站。很高兴看到 ThemeIsle 列出了目前运行 Neve 主题的网站,让你了解主题的可能性,并为你自己的网站获得灵感。

定价

Neve 主题是免费下载的,,高级版起价 49 美元

付费主题提供了额外的功能,如标题和博客推广,自定义布局,以及对主题网站的无限支持和更新。

显著特征

  • Neve 主题侧重于在手机和平板电脑上实现更快加载和更强大体验的移动界面。
  • 与流行的页面生成器集成。
  • 主题与 AMP 兼容,用于生成用户优先的界面。
  • 测试和文件大小显示了一个快速、轻量级的 WordPress 主题。
  • 页眉和页脚区域提供自定义设计。
  • 您可以使用全角和内含版本的设置来调整站点布局。
  • 从来没有一个定制演示库可以在几分钟内推出一个漂亮的网站。这些类别包括电子商务、极简、博客、娱乐、旅游等等。
  • 有些演示是专为某些页面构建者制作的。
  • WooCommerce Booster 工具实现了额外的电子商务元素,如高级图库、结账模块和账单详情。
  • 博客加速器功能通过缩略图、布局和元数据元素扩展了您的博客选项
  • 页眉助推器对于添加社交按钮、联系信息和面包屑非常有用。
  • 如果经营一家代理机构,您可以生成自定义布局并加入白色标签。
  • 该主题的高级版本提供了 Elementor 页面生成器升级、博客加速器和“滚动到顶部”功能,以及许多其他升级。

最快的 WordPress 主题分析

如果你想提高你的移动速度,Neve 是另一个值得关注的黄金主题。请求很少,文件大小也很理想。

GTmetrix

  • 性能得分: 100%
  • 结构得分: 99%
  • 最大含量涂料(LCP): 487ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:1000 毫秒

Pingdom

  • 性能等级: 98
  • 页面大小: 43.20 KB
  • 加载时间:586 毫秒
  • 请求: 6

PageSpeed Insights(移动版)

  • 绩效得分: 100
  • 第一个内容油漆: 1.0s
  • 速度指数: 1.2s
  • 大容量涂料(LCP): 1.0s
  • 互动时间(TTI):1.0 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

PageSpeed Insights(桌面)

  • 绩效得分: 100
  • 第一个内容油漆: 0.3s
  • 速度指数: 0.6s
  • 大容量涂料(LCP): 0.4s
  • 互动时间(TTI):0.3 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到达第一个字节的时间:51 毫秒
  • 总时间:52 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

Neve 是一个超级性能优化的轻量级 WordPress 主题,几乎超越了所有竞争对手。它在 PageSpeed Insights 测试(移动和桌面)中获得了 100 分。此外,它还产生了高 98 平多姆等级。它的请求数量只有 6 个,是所有测试主题中最低的,页面大小也是倒数第二。它的装载时间也是同类产品中最好的。

最终,Neve 不仅受欢迎,设计精良,而且功能多样,拥有超快的运行速度。

3。阿斯特拉

Astra 主题不仅迅速流行起来,而且在我们的测试中,当主题被激活并表现良好时,它会快速移动。Astra 的全部意义在于,一旦你把它安装在 WordPress 上,就有一个预制好的网站准备好了。

这是通过多个行业的演示完成的,您可以定制主题的大部分元素,而不必接触代码。

Astra's homepage.

Astra.

页面构建器与主题集成在一起,你可以将主题与 WooCommerce、 LearnDash 和 Yoast 等第三方插件链接起来。随着钩子和过滤器,翻译设置和演示,如果你对快速设置感兴趣,Astra 主题是一个必须尝试的。

定价

有一个免费主题和一个高级版本。Astra Pro 的上市价格为 49 美元。基本捆绑包每年 169 美元,增长捆绑包每年 249 美元,但我们经常看到该公司的折扣。

显著特征

  • 户外探险、宠物护理、有机商店、定制印刷公司等设计都有漂亮的预建演示。
  • 该主题集成了高端页面构建器,如古腾堡、Brizy、Elementor 和 T2 海狸构建器。事实上,有些演示是专门为那些构建者制作的。
  • 布局设置包括调整标题、添加侧栏和调整单页布局。
  • 通过定制器控制你的博客的整体设计。
  • 这个主题为 WooCommerce 提供了独特的设置,这在普通主题中是找不到的。
  • 钩子和过滤器是扩展功能的理想选择。
  • 你可以把主题翻译成各种语言。
  • 该主题有一个巨大的菜单和移动标题功能。
  • 高级站点布局包括填充、全幅和盒装页面选项。

最快的 WordPress 主题分析

有许多演示的多用途主题能提供一流的速度吗?你打赌它能。

GTmetrix

  • 性能得分: 100%
  • 结构得分: 98%
  • 最大含量涂料(LCP): 649ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间: 857 毫秒

Pingdom

  • 性能等级: 98
  • 页面大小: 51.10 KB
  • 加载时间:531 毫秒
  • 请求: 6

PageSpeed Insights(移动版)

  • 绩效得分: 100
  • 第一幅内容丰富的画: 1.1s
  • 速度指数: 1.5s
  • 大容量涂料(LCP): 1.2s
  • 互动时间(TTI): 1.1s
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

PageSpeed Insights(桌面)

  • 绩效得分: 100
  • 第一个内容油漆: 0.3s
  • 速度指数: 0.4s
  • 大容量涂料(LCP): 0.3s
  • 互动时间(TTI):0.3 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到达第一个字节的时间:47 毫秒
  • 总时间:48 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

就所有四项测试的得分而言,Astra 表现优异。分数是 100、98、100 和 100——在每个方面都接近完美!

请求是 6 个,页面大小相对较小,这意味着没有垃圾会影响开箱即用的主题。总的来说,Astra 即使在实现其较大的演示项目时也表现良好,这很好,因为它们看起来都很漂亮。

4。发电报

从所有四个测试来看, GeneratePress 是最快的 WordPress 主题之一。这是一个时尚的小包装中的多功能主题,拥有与多个页面生成器的集成,WooCommerce 支持,以及各种侧边栏和小部件位置。

GeneratePress homepage.

GeneratePress.

评分和评论显示 GeneratePress 拥有令人难以置信的追随者。您可以下载免费版本,或者选择将您的功能升级到高级版本

高级主题附带了额外的排版、演示、颜色等模块。我们特别喜欢原始主题文件和演示文件有多小。这表明它不会拖累你的网站或者在服务器上引起问题。

定价

有一个免费版本可以下载。高级主题售价 59 美元。如果您需要持续的支持和更新,可以每年升级一次。还有一次性终身支付可用。

显著特征

  • 根据我们的测试,这个主题速度快,文件小。
  • 它兼容许多 WordPress 插件,如 WooCommerce、page builders 和 T2 bbPress。
  • 它有各种各样的主题颜色和排版选项可供定制。
  • 钩子和过滤器可以用来扩展你网站的功能。
  • 主题是 20 多种语言的翻译就绪。
  • 在移动标题、粘性导航等的帮助下制作一个高级站点菜单。
  • 博客功能比其他主题更先进,因为它使用无限滚动、列控制和图像调整设置。
  • 你可以给你的主题的几个部分添加背景。
  • 只需点击一个按钮,即可导入和导出所有主题选项。

最快的 WordPress 主题分析

在测试过程中,GeneratePress 表现良好。页面加载速度之快令人惊叹。

GTmetrix

  • 性能得分: 100%
  • 结构得分: 99%
  • 最大含量涂料(LCP): 546ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:688 毫秒

Pingdom

  • 性能等级: 98
  • 页面大小: 38.80 KB
  • 加载时间:559 毫秒
  • 请求: 6

PageSpeed Insights(移动版)

  • 绩效得分: 100
  • 第一个内容油漆: 1.0s
  • 速度指数: 1.3s
  • 大容量涂料(LCP): 1.2s
  • 互动时间(TTI):1.0 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

PageSpeed Insights(桌面)

  • 绩效得分: 100
  • 第一个内容油漆: 0.3s
  • 速度指数: 0.4s
  • 大容量涂料(LCP): 0.4s
  • 互动时间(TTI):0.3 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到第一个字节的时间: 54
  • 总时间: 54
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

最小的文件大小显示了它在 GeneratePress 测试中的优势。该主题在所有方面都接近满分。其要求也是最低的。

这种速度上的成功延续到了 PageSpeed Insights 测试,因为我们可以看到另一个几乎完美的分数和快速加载时间。与竞争对手相比,其 TTFB 测试也表现出色。

需要更多细节在 Astra 和 GenertePress 之间选一个?请务必查看我们的 GeneratePress 与 Astra 的深入对比。

5。 OceanWP

默认情况下, OceanWP 主题具有小企业和机构的专业外观。它还包括公司和行业的创意演示,如健身俱乐部、鞋店和巧克力公司。你可以浏览网站上的几十个主题,看看哪个最适合你,然后再选择这个主题。

OceanWP homepage.

OceanWP.

虽然是一个快速的主题,但 OceanWP 在我们的速度测试中表现不佳,我们将在下面概述。然而,当您实现演示时,主题性能仍然很稳定。

OceanWP 有相当多的扩展,增加了它的可扩展性。例如,你可以添加一个粘性标题和一个 Instagram feed 。Woo 弹出菜单是一个不错的选择,白色标签也是一个额外的扩展。

定价

OceanWP 有免费版本供大家下载。

高级版本主要是一个附加站点和持续支持的扩展包。对于代理商来说,起价为每年 43 美元,最高可达每年 127 美元。

显著特征

  • 你可以从一长串独特漂亮的演示中挑选一个来设计你的网站。其中一些包括工作室,服装,和活动演示。
  • 这是一个完全响应的主题,在较小的设备上看起来很好,性能也很好。许多主题声称这一点,但并没有实现。
  • 主题中内置了翻译工具。
  • OceanWP 主题支持 WooCommerce,把你的网站变成一个在线商店
  • OceanWP 的一些 WooCommerce 特性包括一个本地购物车弹出窗口、一个浮动的购物车栏和一个快速视图。
  • 这个主题很适合流行的页面生成器,比如 King Composer、Elementor 和 Beaver Builder。
  • 您可以从许多扩展中进行选择,如弹出通知、Instagram 集成和全屏滚动工具。

最快的 WordPress 主题分析

一开始,OceanWP 似乎比其他的要慢一些,但是这并不意味着你应该忽略它。需要关注的主要领域是移动速度。但是,再次,速度很好,但它看起来有点慢,当与最好的相比。

GTmetrix

  • 性能得分: 99%
  • 结构得分: 95%
  • 最大含量涂料(LCP): 782ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:990 毫秒

Pingdom

  • 性能等级: 91
  • 页面大小: 303.60 KB
  • 加载时间:749 毫秒
  • 请求: 19

PageSpeed Insights(移动版)

  • 表现得分: 88
  • 第一个内容油漆: 3.0s
  • 速度指数: 3.2s
  • 大容量涂料(LCP): 3.0s
  • 互动时间(TTI):3.1 秒
  • 总阻塞时间(TBT):70 毫秒
  • 累计布局偏移(CLS): 0.001

PageSpeed Insights(桌面)

  • 表现得分: 97
  • 第一次内容油漆: 0.9s
  • 速度指数: 1.0s
  • 大容量涂料(LCP): 1.0s
  • 互动时间(TTI):0.9 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到第一个字节的时间:59 毫秒
  • 总时间:59 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

OceanWP 的 GTmetrix 性能得分很高,但其 Pingdom 和 PageSpeed Insight 得分低于竞争对手。不过 91,88,97 的分数还是比市面上绝大多数的主题要好,是最快的 WordPress 主题选项之一。

TTFB 测试还算体面。

有了 OceanWP,你可能会发现移动设备的加载速度稍慢。希望这在未来会有所改善,使其成为所有设备上的顶级速度主题。

6. Zakra

Zakra 主题来自 ThemeGrill 的人们,提供了一个具有无限可能性和快速界面的多用途解决方案。该主题是一个快速和安全的选项,有超过 40 个演示,为您的网站创建一个独特的外观。

我们的测试证实,速度的说法事实上是正确的,因为它产生的速度符合行业中的顶级表现。

Zakra homepage.

Zakra.

Zakra 是一个具有强大功能的免费主题,但真正的定制能力在高级版本中可用,具有高级标题、WooCommerce 工具和博客选项

我们最喜欢 Zakra 的一点是,与许多在线免费主题相比,它是如何被很好地记录和支持的。有教程来回答关键问题,如果你找不到什么,可以联系客户支持代表。

定价

免费版当然是免费的。

高级主题售价为每年 69 美元,更高的价格支持在更多网站上安装。你也可以选择每月计划。

显著特征

  • 核心主题提供了一个快速可靠的构建,为小型企业生成时尚的网站。
  • 从一个集中展示牙医和婚礼主题的演示库中选择。
  • 该主题与 Gutenberg 和其他一些页面生成器兼容。
  • 它对搜索引擎优化友好,在移动设备上也很好看。
  • 由于有多个顶部标题栏、透明标题选项和几个按钮,标题模块功能多样且富有创意。
  • 你可以编辑整个菜单,而不需要坚持标准的菜单设置。这包括移动菜单、下拉菜单和主菜单定制。
  • 借助砖石布局和网格设计来调整你的博客风格。
  • 制作多页脚布局,为全角页脚或按钮提供更多列和选项,以便滚动到页面顶部。
  • 该主题打包了数百种排版选项。
  • 侧栏非常灵活。

最快的 WordPress 主题分析

我们喜欢 Zakra 的设计和速度。尤其是当涉及到移动速度和较低的请求计数时。

GTmetrix

  • 性能得分: 100%
  • 结构得分: 98%
  • 最大含量涂料(LCP): 523ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:661 毫秒

Pingdom

  • 性能等级: 96
  • 页面大小: 58.90 KB
  • 加载时间:519 毫秒
  • 请求: 10

PageSpeed Insights(移动版)

  • 表现得分: 99
  • 第一个内容油漆: 1.5s
  • 速度指数: 1.8s
  • 大容量涂料(LCP): 1.6s
  • 互动时间(TTI):1.5 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

PageSpeed Insights(桌面)

  • 绩效得分: 100
  • 第一次内容油漆: 0.5s
  • 速度指数: 0.7s
  • 大容量涂料(LCP): 0.5s
  • 互动时间(TTI):0.5 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到达第一个字节的时间:60 毫秒
  • 总时间:60 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

Zakra 测试显示了全面的稳定分数,其中 GTmetrix 性能分数和满载时间是显著的成功。第一个主题项目出现并开始互动需要不到 2 秒的时间。总的来说,它在本文中处于中间位置。

7 .自定义

自定义主题是另一个可以考虑的最快的 WordPress 主题选项,主要是因为我们的速度测试呈现了出色的结果,但也因为主题有改变网站每个部分的设置。

快速的性能归功于主题文件的优化和轻量级特性。同时,定制方面通过页眉和页脚构建器、演示导入以及与页面构建器的集成来完成。

Customify homepage.

Customify.

PressMaximum 开发人员提供了一个免费主题下载的网站,并补充了一组网站演示以供导入。这些类别包括投资组合、电子商务、小企业和非营利网站的选项。

您还可以找到主要为 Beaver Builder 和 Elementor 制作的演示,这是市场上最流行的两个页面生成器。PressMaximum 网站上的客户支持和文档是高质量的,您可以升级到主题的专业版,以获得无数的高级功能。

专业功能包括透明标题,不同的博客布局和自定义字体。

定价

核心版是免费的。

Pro 升级版起价为每年 59 美元,提供一整年的更新和支持。商业捆绑包支持三个站点,每年 89 美元,代理捆绑包支持无限站点,每年 129 美元。

此外,续订折扣通常每年都会提供。

显著特征

  • Customify 主题是一个多功能主题,可以灵活地设计任何类型的网站。
  • 它集成了像 Beaver Builder 和 Elementor 这样的顶级页面构建器,最大限度地减少了对代码的需求。
  • 该主题集成了许多必备插件,如 OrbitFox、Yoast、 BuddyPress 和 bbPress。
  • WooCommerce 的整合非常顺利,添加了其他元素,增强了任何电子商务商店的功能。
  • 您可以无限制地接收页脚和页眉生成器。
  • 这个主题的速度和轻量级的特性提高了它的搜索引擎优化。
  • 您会收到自定义菜单、灵活的标题和多个要调整的列。
  • 您可以在仪表板中导入演示。这些演示涵盖了从在线服装店到律师网站的各个行业。
  • 为移动设备提供了唯一的报头。
  • 您可以对网站的移动版本进行编辑,而无需调整桌面版本上的项目。
  • 该主题有无限的排版设置和独特的页面和帖子布局。
  • 专业版提供粘性标题功能。
  • 有多个附加功能,可以拥有多个标题、大型菜单和高级样式。
  • 无限滚动和滚动到顶部功能增加了它的易用性。
  • 这是一个开发人员友好的主题,允许高级挂钩和代码定制。
  • 一些高级构建器和“助推器”与 Pro 版本一起提供,包括 WooCommerce 助推器、WC 产品画廊、滑块附件和电子商务商店的画布过滤器。

最快的 WordPress 主题分析

定制也很难被击败。你会发现这个主题的加载时间不到 2 秒。

GTmetrix

  • 性能得分: 100%
  • 结构得分: 98%
  • 最大含量涂料(LCP): 617ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

Pingdom

  • 性能等级: 97
  • 页面大小: 145.90 KB
  • 加载时间:974 毫秒
  • 请求: 8

PageSpeed Insights(移动版)

  • 表现得分: 98
  • 第一个内容油漆: 1.6s
  • 速度指数: 2.0s
  • 大容量涂料(LCP): 1.6s
  • 互动时间(TTI):1.6 秒
  • 总阻塞时间(TBT):100 毫秒
  • 累计布局偏移(CLS): 0.001

页面速度洞察(桌面)

  • 绩效得分: 100
  • 第一次内容油漆: 0.5s
  • 速度指数: 0.7s
  • 大容量涂料(LCP): 0.5s
  • 互动时间(TTI):0.5 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到达第一个字节的时间:52 毫秒
  • 总时间:52 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

下面是另一个高分的发电站主题。然而,在 100 毫秒时,它的总阻塞时间是所有测试主题中最差的。很高兴看到这些请求与其他快速 WordPress 主题选项一致,并且页面大小不是一个大问题。

8。二十个二十个

Twenty Twenty 是每个 WordPress 版本安装的默认主题。这个主题每年都会发布一个新版本,从技术上来说它们是不同的,因为你仍然可以安装2019和其他过去的主题版本。

这个 WordPress 默认主题是由 WordPress 社区的一个现有主题组成的,它主要关注于与 Gutenberg builder 的良好集成。默认的 WordPress 主题(不管是哪一年的)一直是最快的 WordPress 主题选项之一,因为它有纤细的文件结构,可靠的代码,而且它被认为是最好的。

A screenshot of Twenty Twenty theme's responsive layouts.

Twenty Twenty.

Twenty Twenty WordPress 主题在速度测试中表现强劲,正如预期的那样。该主题以其页面生成器的灵活性和无尽的布局而闻名,尤其是对于博客而言。

对于那些试图建立个人或专业博客的人来说,这是一个很受欢迎的选择,有越来越先进的排版选项、格式设置和背景颜色。

将它与 Gutenberg 或 Elementor 这样的页面生成器结合起来,就可以知道你的主题在速度上不会引起任何问题。

定价

所有过去、现在和未来的默认 WordPress 主题,包括 Twenty Twenty,都是完全免费使用

显著特征

  • Twenty Twenty 以每年接近 100 秒的稳定速度分数而自豪。文件大小和请求也非常低。
  • 这个主题是为 WordPress 的最新版本设计的,所以它经常被吹捧为与 WordPress 完美集成,消除了你可能在第三方主题中发现的速度和冲突问题。
  • Twenty Twenty 以卓别林为原型,主题灵活性高,支持极致定制。
  • 您将获得独特的工具,如编辑器样式、字体、颜色和无限滚动。
  • Gutenberg 的块编辑器支持主要是在那里,但也有可能与页面生成器集成,如 Elementor 和 Beaver Builder。
  • 该主题已为移动设备准备就绪,具有令人惊叹的属性和高度用户友好的元素,可适应每种设备大小。
  • 你可以用这个主题快速制作登陆页面。
  • 它提供了广泛的排版选项。
  • 博客界面和定制工具是一流的,有布局、边栏、排版调整和更多选项。
  • 内容编辑器提供了在发布前所做更改的实时视图。

最快的 WordPress 主题分析

220 是世界上最快的主题吗?不,但是很接近了。很高兴看到 WordPress 的一个默认主题不仅仅是为了展示。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

GTmetrix

  • 性能得分: 100%
  • 结构评分: 97%
  • 最大含量涂料(LCP):651 毫秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:1000 毫秒

Pingdom

  • 性能等级: 97
  • 页面大小: 66 KB
  • 加载时间:323 毫秒
  • 请求: 7

PageSpeed Insights(移动版)

  • 绩效得分: 100
  • 第一幅内容丰富的画: 1.1s
  • 速度指数: 1.4s
  • 大容量涂料(LCP): 1.3s
  • 互动时间(TTI): 1.1s
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0.003

PageSpeed Insights(桌面)

  • 绩效得分: 100
  • 第一个内容油漆: 0.4s
  • 速度指数: 0.5s
  • 大容量涂料(LCP): 0.5s
  • 互动时间(TTI):0.5 秒
  • 总阻塞时间(TBT): 0
  • 累计布局偏移(CLS): 0.001

字节检查 TTFB 测试

  • 到达第一个字节的时间:78 毫秒
  • 总时间:78 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

尽管 Twenty Twenty 主题并不是许多开发者的首选,但由于其“股票 WordPress 主题”的名声,我们仍然喜欢看到自动化开发者为想要免费主题的用户保留并改进这一瑰宝。

100,97,100,100 看起来是一个胜利的分数组合,页面大小更是令人印象深刻。令人惊讶的是,它在 GTmetrix 中获得了最差的加载时间,但在 Pingdom 中获得了最佳加载时间。

TTFB 测试似乎比我们预期的要高一点,但这没什么可强调的。这使得 Twenty Twenty 成为一个可靠的 WordPress 主题。

9。反应灵敏

响应主题以极快的速度出现。这也是一个值得为任何行业建立网站的主题。博客功能脱颖而出,它的 40 多个演示网站文件可供您安装完整的网站功能,包括旅游网站,小企业展示,以及作品集

Responsive homepage.

Responsive.

这些演示是为 Gutenberg 和 Elementor 准备的,它们都可以在移动设备上很好地运行,并且具有干净的代码和低调的文件,不会与插件冲突。

定价

核心的响应式主题是完全免费的,甚至对于大多数演示来说也是如此。

不过有一个 Pro 版。他们在一个网站上以每年 47 美元的价格出售他们的个人计划。商业计划书的价格是每年 67 美元,专业版是每年 97 美元。一些额外的功能包括自动更新,交互式传送带,视频教程,价格表和投资组合部件。

显著特征

  • 速度测试产生持续的高分,主题中内置了 SEO 元素来补充速度。
  • 这是一个响应式主题,在所有设备上都很好看。
  • 您可以集成流行的页面生成器。一些演示是为 Elementor 和 Gutenberg 制作的,但它们也与视觉作曲家、Brizi、Divi 等一起工作。
  • 集成像 WooCommerce 和 WPML 这样的顶级插件。
  • 创建一个与 BuddyPress 和 bbPress 流畅集成的社区网站。
  • 主题是完全可定制的,按钮、颜色和布局与您的品牌相匹配。
  • 主题突出了定制排版的机会,有样式选项、系统字体谷歌字体
  • 相当多的 WooCommerce 选项被嵌入到主题中,比如自定义布局、颜色和产品图片的快速浏览。
  • 专业版为 WooCommerce 提供了无限的颜色选项、页眉/页脚布局和扩展工具。

最快的 WordPress 主题分析

Responsive 的页面加载速度惊人地快。考虑到主题的名称,移动结果很有趣。

GTmetrix

  • 性能得分: 100%
  • 结构得分: 96%
  • 最大含量涂料(LCP): 560ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:865 毫秒

Pingdom

  • 性能等级: 95
  • 页面大小: 132.40 KB
  • 加载时间:629 毫秒
  • 请求: 11

PageSpeed Insights(移动版)

  • 表现得分: 98
  • 第一幅内容丰富的画: 1.9s
  • 速度指数: 2.4s
  • 大容量涂料(LCP): 2.0s
  • 互动时间(TTI):1.9 秒
  • 总阻塞时间(TBT): 10ms
  • 累计布局偏移(CLS): 0.001

PageSpeed Insights(桌面)

  • 表现得分: 99
  • 第一次内容油漆: 0.6s
  • 速度指数: 0.8s
  • 大容量涂料(LCP): 0.7s
  • 互动时间(TTI):0.6 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到达第一个字节的时间:53 毫秒
  • 总时间:53 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

虽然不是最好的,但很高兴看到一个名为 Responsive 的主题在 PageSpeed Insights 移动测试中表现良好。对于移动设备上的主题来说,加载时间还不错,在桌面上它们会进一步改善。

对于这些分数没有什么可担心的,因为请求很低,加载时间很快,页面大小一点也不不足。

10。悉尼

来自 aThemes 的悉尼主题是为需要快速简约设计的小企业和 T2 自由职业者设计的。该主题与 Elementor 兼容,提供了完整的布局控制,并且在我们的速度测试中表现良好。

对于那些需要保持网站低成本,但又担心最终产品无用的小企业主来说,悉尼是一个真正的福音。悉尼通过提供简单的网站建设过程和广泛的设置来扩展其已经强大的布局,从而挽救了这些企业主。

Sydney homepage.

Sydney.

悉尼是一个响应式主题,在较小的设备上看起来不错。它还允许在主题定制器中通过快速设置更改来定制博客和首页。

我们喜欢谷歌字体访问,以及自定义元素或块。这个列表还包括:视差背景、滑动图片标题社交按钮。悉尼更像是一个免费赠送的高级主题。这很好,因为你几乎可以免费获得高级功能,但在专业版中有更多值得期待的。

定价

作为一个免费的主题下载,Sydney 还提供了一个价格为 69 美元的专业版。

专业主题包括额外的网页模板,你选择的标题,以及许多其他功能,以扩展你的网站建设过程。同样值得一提的是,专业版为您提供了持续的支持和主题更新。

显著特征

  • 该主题在速度测试中表现良好,具有小文件大小和 SEO 以及以移动为中心的方法。
  • 主题是为适应不同的语言做好翻译准备。Live Customizer 非常适合实时查看更改并在发布前进行预览。
  • 几个社交媒体按钮允许链接到您的社交账户。
  • 该主题包括一个添加视差背景的设置,这是一个简单的方法来给图像添加视觉效果,而不会因为一些沉闷的东西而减慢你的站点。
  • 相当多的自定义元素或块带有悉尼主题。
  • 主题选项通过颜色、字体和博客布局设置最大化了您的定制机会。
  • aThemes 客户支持团队受到高度重视,在线文档也是一流的。
  • 升级到专业版时,您会得到不同的页面模板和元素块。例如,premium Elementor 块包括时间表、价格表和新员工部分。
  • WooCommerce 的一些特性是悉尼主题所独有的。例如,主题提供了结账模块和产品预览工具。
  • 您可以通过点击按钮将视频添加到您的网站标题中。
  • 页脚联系表格也是悉尼独有的,允许你从潜在客户或顾客那里收集信息。

最快的 WordPress 主题分析

Sydney 在这个列表中不是表现最好的,但它仍然值得一提,因为它的分数高,请求数低,文件小。

GTmetrix

  • 性能得分: 100%
  • 结构得分: 98%
  • 最大含量涂料(LCP): 502ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:655 毫秒

Pingdom

  • 性能等级: 97
  • 页面大小: 63.90 KB
  • 加载时间:660 毫秒
  • 请求: 7

PageSpeed Insights(移动版)

  • 表现得分: 99
  • 第一个内容油漆: 1.6s
  • 速度指数: 2.1s
  • 大容量涂料(LCP): 1.6s
  • 互动时间(TTI):1.6 秒
  • 总阻塞时间(TBT):70 毫秒
  • 累计布局偏移(CLS): 0

PageSpeed Insights(桌面)

  • 绩效得分: 100
  • 第一个内容油漆: 0.4s
  • 速度指数: 0.7s
  • 大容量涂料(LCP): 0.5s
  • 互动时间(TTI):0.4 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到达第一个字节的时间:52 毫秒
  • 总时间:52 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

悉尼在各方面都得到了不错的分数,把它放在这里作为最快的 WordPress 主题选项之一。它的 PageSpeed 分数与顶级性能的分数相当,100%的 GTmetrix 性能分数没有什么可嘲笑的。

总的页面大小也很小,请求也是第二少的。

总的来说,悉尼是一个有很多用途的固体主题。这只是一个额外的收获,你可以在主题中得到一个组织整齐的文件系统,以获得更快的速度。

11.空白画布

空白画布(Blank Canvas)是单页网站的免费极简主义主题。这是 Seedlet 的一个子主题,Automattic 的另一个免费主题。

Blank Canvas theme's download page.

Blank Canvas.

默认情况下,它的文章和页面布局是完全空白的——没有标题、导航菜单或小部件。你在 WordPress 编辑器中设计的页面和你在前台看到的是一样的。因此,它不包括任何演示。

定价

空白画布是 Automattic 的免费主题。你可以使用它的个人和专业网站,无需任何许可。

显著特征

  • 顾名思义,Blank Canvas 就是一块空白的画布,可以满足您所有的定制需求。
  • 默认情况下没有任何多余的东西,甚至没有页眉、导航菜单、页脚或其他小部件。
  • 如果你打算从头开始制作你的主题,从空白画布开始会有很大的帮助。
  • 默认样式依赖于简单的无衬线字体和微妙的蓝色高光。

最快的 WordPress 主题分析

空白画布在我们所有的速度测试中表现异常出色。让我们看看它是如何坚持的!

厌倦了你的 WordPress 站点缓慢的主机?我们提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。查看我们的计划

GTmetrix

  • 性能得分: 100%
  • 结构得分: 94%
  • 最大含量涂料(LCP): 405ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:516 毫秒

Pingdom

  • 性能等级: 92
  • 页面大小: 58.30 KB
  • 加载时间:541 毫秒
  • 请求: 10

PageSpeed Insights(移动版)

  • 表现得分: 99
  • 第一个内容油漆: 1.6s
  • 速度指数: 1.9s
  • 大容量涂料(LCP): 1.8s
  • 互动时间(TTI):1.6 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

PageSpeed Insights(桌面)

  • 绩效得分: 100
  • 第一次内容油漆: 0.5s
  • 速度指数: 0.7s
  • 大容量涂料(LCP): 0.6s
  • 互动时间(TTI):0.5 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到达第一个字节的时间:67 毫秒
  • 总时间:67 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

Blank Canvas 在 GTmetrix 测试中表现出色,几乎超越了所有指标。然而,它的结构得分是所有得分中最低的。它的 Pingdom 评分为 90+,但仍低于竞争对手。同样,它的其他分数也很优秀,但没什么好讨论的。

12.去

GoDaddy 将自己标榜为“一个创新的、古腾堡第一的 WordPress 主题”,在很多方面都是如此。它的主要焦点是帮助用户在古腾堡积木的帮助下建立简单的商业网站。

Go theme's download page.

Go.

Go 的真正强大之处在于基于块的 CoBlocks 页面构建器插件,它可以帮助你一次一个块地创建网站。在撰写本文时,它提供了 37 个不同用途的模块,如作者简介、石工画廊、服务、价格表、地图、社交分享、活动、常见问题解答等等。

你也可以从它的各种演示中选择一个来立即设置你的基本站点。

定价

Go 作为免费主题下载提供,完全免费使用。

显著特征

  • 对于那些想使用 WordPress 块编辑器作为页面生成器的人来说,Go 主题是理想的。
  • 该主题带有大量定制选项,以提供额外的灵活性。
  • Go 展示了它的伙伴 CoBlocks 页面生成器插件,它是 WordPress 的块编辑器和其他全功能页面生成器之间的中间地带。
  • 该主题使用最少的 JavaScript 和 PHP 代码,严重依赖 HTML 和 CSS。

最快的 WordPress 主题分析

对于一个快速的 WordPress 站点,Go 可以作为你的首选策略吗?是时候一探究竟了!

GTmetrix

  • 性能得分: 100%
  • 结构得分: 99%
  • 最大含量涂料(LCP): 546ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:712 毫秒

Pingdom

  • 性能等级: 94
  • 页面大小: 139.40 KB
  • 加载时间:520 毫秒
  • 请求数: 12

PageSpeed Insights(移动版)

  • 表现得分: 94
  • 第一个内容油漆: 2.4s
  • 速度指数: 2.4s
  • 大容量涂料(LCP): 2.5s
  • 互动时间(TTI):2.4 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0.003

PageSpeed Insights(桌面)

  • 表现得分: 99
  • 第一次内容油漆: 0.7s
  • 速度指数: 0.8s
  • 大容量涂料(LCP): 0.7s
  • 互动时间(TTI):0 毫秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到达第一个字节的时间:65 毫秒
  • 总时间:65 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

Go 产生了很高的 GTmetrix 性能分数。然而,它的 Pingdom 性能等级和 PageSpeed Insights 移动评分在竞争中处于低端。该主题的 TTFB 也是第二差的,但仍低于 70 毫秒。因此,它在我们的测试中赢得了一席之地。

13.赫斯缇雅

来自 Neve 的制作者,赫斯缇雅是来自 Themeisle 的另一个独特主题。这是一个现代的单页主题,旨在帮助您为任何企业建立一个网站。

Hestia WordPress theme's homepage.

Hestia.

赫斯缇雅从一开始就是为性能和用户体验而构建的。它还支持 WooCommerce,因此您可以快速、轻松地建立并运行您的在线商店。

定价

赫斯缇雅是一个高级主题,但你可以访问他们的网站,进行主题的试驾。

它的个人执照每年 80 美元,而营业执照每年 150 美元(通常是打折的)。如果你计划在多个网站上使用它,你也可以选择它的代理计划,费用为 347 美元/年。

商业计划包括起步点和优先支持。赫斯缇雅的代理计划包括上述所有内容,并增加了白标和实时聊天支持。

显著特征

  • 赫斯缇雅是翻译和 RTL 准备好了,所以你可以建立一个多种语言的网站。这个主题的每个元素都可以用插件翻译(Weglot 插件官方支持)。你也可以使用任何 RTL 语言。
  • 该主题是搜索引擎优化友好的,因为它带有搜索引擎优化就绪的结构和干净,优化的代码。这意味着谷歌会喜欢你的网站。
  • 您可以使用它的实时定制器来微调您的网站的外观,并立即看到变化。
  • 赫斯缇雅包括视频教程来指导你建立你的 WordPress 网站。
  • 该主题支持几乎所有主要的页面生成器,包括新的 WordPress 编辑器 Gutenberg。
  • 赫斯缇雅包括一个反应灵敏,用户友好的大菜单。使用它,您可以轻松地安排和组织您的子菜单内容。此外,您可以完全控制菜单的设计和结构。
  • 作为一个高级主题,它附带了一些有用的功能,如一键更新和支持。

最快的 WordPress 主题分析

赫斯缇雅能勇敢地面对它兄弟 Neve 吗?让我们检查它的统计数据!

GTmetrix

  • 性能得分: 100%
  • 结构得分: 95%
  • 最大含量涂料(LCP): 665ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0.01
  • 满载时间:883 毫秒

Pingdom

  • 性能等级: 92
  • 页面大小: 218.30 KB
  • 加载时间:564 毫秒
  • 请求: 18

PageSpeed Insights(移动版)

  • 表现得分: 88
  • 第一个内容油漆: 3.0s
  • 速度指数: 3.0s
  • 大容量涂料(LCP): 3.0s
  • 互动时间(TTI):3.0 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0.007

PageSpeed Insights(桌面)

  • 表现得分: 99
  • 第一次内容油漆: 0.8s
  • 速度指数: 0.8s
  • 大容量涂料(LCP): 0.9s
  • 互动时间(TTI):0.8 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0.011

字节检查 TTFB 测试

  • 到达第一个字节的时间:54 毫秒
  • 总时间:54 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

赫斯缇雅在 GTmetrix 性能测试中获得了满分 100 分。然而,它的 Pingdom 等级 92 比竞争对手低一点。甚至它的要求也偏高。它的 PageSpeed Insights 移动测试也没什么好谈的。

与我们测试过的最快的主题之一 Neve 相比,赫斯缇雅还差得远。然而,当你考虑到大部分的主题时,它仍然是一个引人注目的作品,在我们的列表中赢得一席之地。

14.大众外汇

PopularFX 是一个简单而强大的主题,几乎可以构建任何类型的网站。它配有一个页面生成器,可以快速方便地可视化构建网站。

PopularFX homepage.

PopularFX.

这是一个完全响应的主题,集成了谷歌字体和先进的排版功能。他们的网站包括多个模板,帮助您快速发现和设置各种网站。

定价

作为免费主题下载,PopularFX 还提供了一个起价为 59 美元/年(个人许可)的 Pro 版本。专业和商业执照的费用分别为 89 美元/年和 249 美元/年。

专业主题包括更多的模板,Pagelayer Pro,50 多个专业部件,以及一年的支持和主题更新。

显著特征

  • 流行的 FX 包括拖放功能,通过拖动部件来帮助你设计你的页面。
  • 该主题包括在线编辑,通过点击任何文本来添加/删除文本。
  • PopularFX 允许您为页面元素添加视觉效果。您可以将它设置为在所述元素可见时触发。
  • 该主题包括修订控制,帮助您撤销,重做,或恢复旧版本的主题。
  • PopularFX 通过它的几个小部件完全可定制,帮助你设计具有不同选项的页面,如字体颜色、大小、动画、间距等。

最快的 WordPress 主题分析

PopularFX 经得起更流行的 WordPress 主题吗?让我们来了解一下!

GTmetrix

  • 性能得分: 100%
  • 结构评分: 97%
  • 最大含量涂料(LCP): 527ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:638 毫秒

Pingdom

  • 性能等级: 96
  • 页面大小: 79.10 KB
  • 加载时间:980 毫秒
  • 请求: 8

PageSpeed Insights(移动版)

  • 表现得分: 99
  • 第一个内容油漆: 1.8s
  • 速度指数: 1.8s
  • 大容量涂料(LCP): 1.8s
  • 互动时间(TTI):1.8 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS) : 0

PageSpeed Insights(桌面)

  • 绩效得分: 100
  • 第一次内容油漆: 0.5s
  • 速度指数: 0.8s
  • 大容量涂料(LCP): 0.5s
  • 互动时间(TTI):0.5 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到达第一个字节的时间:61 毫秒
  • 总时间:61 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

PopularFX 获得了令人印象深刻的 100% GTmetrix 性能分数。它的 PageSpeed Insights 性能得分 99 和 100 也非常出色。主题的 Pingdom 等级也高于平均水平。如果您喜欢使用拖放窗口小部件,请尝试一下 PopularFX!

15.二十点二十一分

二十个二十一个是 WordPress 5.6 的默认主题。像它的前身一样,这是一个极简主义的主题,作为一个高度可定制的空白画布。

Twenty Twenty-One WordPress theme

Twenty Twenty-One.

这个主题支持几个特性,包括自动链接、响应嵌入、自定义背景等等。

定价

221 是一个免费的 WordPress 主题。

显著特征

  • 主题充当你的站点的空白画布,块编辑器作为它的画笔。
  • 包括新的块模式,以创建更有影响力的布局。
  • 221 包括完整的块编辑器支持。
  • 您可以设置自定义背景颜色,包括符合 AAA 标准的一系列预选调色板。
  • 支持黑暗模式。
  • 您可以在页脚的网站内容下方添加小部件。
  • 使用块编辑器来添加内容到您的主页很容易。
  • 你可以从网站后端添加网站标志和社交图标。

有关其功能的完整列表,请访问我们的深度 221 主题帖子

最快的 WordPress 主题分析

221 有大鞋子要穿。会吗?让我们看看!

GTmetrix

  • 性能得分: 100%
  • 结构得分: 99%
  • 最大含量涂料(LCP): 550ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0
  • 满载时间:670 毫秒

Pingdom

  • 性能等级: 97
  • 页面大小: 56.70 KB
  • 加载时间:667 毫秒
  • 请求: 7

PageSpeed Insights(移动版)

  • 绩效得分: 100
  • 第一次内容丰富的绘画: 1.3s
  • 速度指数: 1.7s
  • 大容量涂料(LCP): 1.5s
  • 互动时间(TTI):1.3 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

PageSpeed Insights(桌面)

  • 绩效得分: 100
  • 第一个内容油漆: 0.4s
  • 速度指数: 0.5s
  • 大容量涂料(LCP): 0.5s
  • 互动时间(TTI):0.4 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0

字节检查 TTFB 测试

  • 到达第一个字节的时间:42 毫秒
  • 总时间:42 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

221 名副其实,在所有测试中都表现出色。它在我们测试的所有主题中得分最高。其 99%的 GTmetrix 结构分数是最高的,其完美的 PageSpeed Insights 分数在移动和桌面上都是最高的。它的 TTFB 只有 42 毫秒,非常出色。

16.二十点二十二分

二十二十二是与 WordPress 5.9 一起推出的默认 WordPress 主题。它被设计成一个灵活的、轻量级的、可定制的默认主题,为测试块、模式和模板提供了一个极好的平台。

A preview of the Twenty Twenty-Two WordPress theme.

Twenty Twenty-Two.

这个主题非常适合探索 WordPress 5.9 的新特性,比如全站点编辑、全局样式、导航块和更新的图库。

定价

222 是一个免费的 WordPress 主题。

显著特征

  • 鸟类的多样性和多功能性激发了主题的风格。
  • Twenty Twenty 2 的排版轻巧而有力,其调色板的灵感来自大自然。
  • 像鸟一样,主题的布局元素轻轻地放在网页上。
  • 它是为 WordPress 5.9 中引入的完整站点编辑功能而构建的。每一页都可以根据您的需要进行定制。
  • 包括几十种新的积木图案,等等。

最快的 WordPress 主题分析

像 2221 一样,2222 会辜负它的前辈吗?还是不会?让我们看看!

GTmetrix

  • 性能得分: 99%
  • 结构得分: 98%
  • 最大含量涂料(LCP): 577ms
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0.07
  • 满载时间:661 毫秒

Pingdom

  • 性能等级: 97
  • 页面大小: 504.90 KB
  • 加载时间:730 毫秒
  • 请求: 8

PageSpeed Insights(移动版)

  • 表现得分: 74
  • 第一幅内容丰富的画: 1.1s
  • 速度指数: 1.5s
  • 大容量涂料(LCP): 4.1s
  • 互动时间(TTI): 1.2s
  • 总阻塞时间(TBT):40 毫秒
  • 累计布局偏移(CLS): 0.523

PageSpeed Insights(桌面)

  • 表现得分: 86
  • 第一个内容油漆: 0.4s
  • 速度指数: 0.4s
  • 大容量涂料(LCP): 0.5s
  • 互动时间(TTI):0.4 秒
  • 总阻塞时间(TBT):0 毫秒
  • 累计布局偏移(CLS): 0.875

字节检查 TTFB 测试

  • 到达第一个字节的时间:53 毫秒
  • 总时间:53 毫秒
  • 割台尺寸: 450b
  • 请求大小: 201b

测试结论

2022 主题以 gt metrix 99%的性能得分和 98%的结构得分开始。然而,其 564.90 KB 的页面大小是所有测试主题中最大的,在所有测试中排名垫底。除了 Pingdom,它在所有速度测试中得分最低。

除了分数,它的大多数其他统计数据,如 PageSpeed Insights 速度指数和请求,仍然很突出。如果你计划在你的网站上使用这个最新的默认 WordPress 主题,确保优化它以获得更好的性能

最快的 WordPress 主题排名

| 主题 | GTmetrix 得分 | 乒坛等级 | PageSpeed Insights(移动版) | PageSpeed Insights(桌面) | TTFB |
| 阿斯特拉 | 100% | Ninety-eight | One hundred | One hundred | 47 毫秒 |
| 空白画布 | 100% | Ninety-two | Ninety-nine | One hundred | 67 毫秒 |
| 自定义 | 100% | Ninety-seven | Ninety-eight | One hundred | 52 毫秒 |
| GeneratePress | 100% | Ninety-eight | One hundred | One hundred | 54 毫秒 |
| 出发 | 100% | Ninety-four | Ninety-four | Ninety-nine | 65 毫秒 |
| Hello Elementor | 100% | Ninety-two | Ninety-three | Ninety-nine | 59 毫秒 |
| 赫斯缇雅 | 100% | Ninety-two | Eighty-eight | Ninety-nine | 54 毫秒 |
| 名称 | 100% | Ninety-eight | One hundred | One hundred | 51 毫秒 |
| OceanWP | 99% | Ninety-one | Eighty-eight | Ninety-seven | 59 毫秒 |
| PopularFX | 100% | Ninety-five | Ninety-eight | Ninety-nine | 53 毫秒 |
| 反应灵敏 | 100% | Ninety-five | Ninety-eight | Ninety-nine | 53 毫秒 |
| 二十二十 | 100% | Ninety-seven | One hundred | One hundred | 78 毫秒 |
| 二十二十一 | 100% | Ninety-seven | One hundred | One hundred | 78 毫秒 |
| 二十二十二 | 99% | Ninety-seven | Seventy-four | Eighty-six | 53 毫秒 |
| Zakra | 100% | Ninety-six | Ninety-nine | One hundred | 60 毫秒 |

你可能已经注意到上面的主题没有特定的顺序。然而,有必要看看它们在速度和性能测试中的比较。

虽然不可能清楚地知道哪个主题最快(一个主题在一个测试中可能是第一,但在另一个测试中可能是第七),但我们可以根据收集的信息对它们进行排序。

最快 WordPress 主题(对比)

A chart of all the fasted WordPress themes we tested.

Fastest WordPress themes compared.

这可能有助于获得速度结果的可视化。第一个图表在 X 轴上突出显示了所有最快的主题,比较了四个测试工具的最终得分。每一个都以 100 为尺度。

外卖食品

  • GTmetrix 性能得分因主题而异,但差别不大。都在 99 以上。
  • 在所有测试的主题中,222 主题的累积得分最差。下一个表现最差的是 OceanWP。
  • 虽然还不错,但赫斯缇雅、Hello Elementor、Blank Canvas 和 OceanWP 的 Pingdom 评分最低。
  • Astra、GeneratePress、Neve、Twenty Twenty 和 Twenty Twenty One 是唯一在 PageSpeed Insights 移动测试中获得 100 分的公司。
  • Twenty Twenty、OceanWP 和赫斯缇雅的 PageSpeed Insights 移动评分较低,Go 和 Hello Elementor 也略低于表现最好的公司。

在下图中,我们将比较加载时间,所有时间都以毫秒为单位。记住,越低越好。

A load times chart of all the fastest WordPress themes we tested.

Load times chart for the fastest WordPress themes.

外卖食品

  • 空白画布产生了最快的 GTMetrix 完全加载时间。GeneratePress,Sydney,PopularFX,Twenty 21,Twenty 22,Zakra 也不甘落后。
  • Twenty Twenty 赢得了 Pingdom 加载时间之战,而 PopularFX 则以相当大的差距输掉了这场战斗。
  • Neve 拥有最快的 PageSpeed Insights(移动)速度指数,紧随其后的是 GeneratePress。OceanWP 在这里产生了最慢的结果。
  • 从图上看,很难说所有的主题在他们的 TTFB 之战中都表现不错。然而,TTFB 最慢的主题是 Twenty Twenty,而 TTFB 最快的主题是 Twenty Twenty One。
  • 总的来说,GeneratePress、Astra、Neve、220 和 222 在所有测试中加载速度最快。

我们测试了一些速度最快的 WordPress 主题,并比较了我们收集的结果。轻量级和优化的主题是至关重要的,但你不应该忘记选择一个注重性能的托管解决方案来确保你的网站从一开始就成功。Kinsta 非常重视速度和优化。这就是为什么我们将 代码缩小功能 内置到 MyKinsta 仪表盘 中。客户可以选择为他们的 CSS 和 JavaScript 文件选择自动缩减代码,无需手动操作就可以加速他们的网站。

现在轮到你了:谈到速度,你最喜欢的主题是什么?我们想看看你的推荐!


常见问题

WordPress 最快的主题是什么?

根据我们的测试,GeneratePress、Astra、Neve 和 Twenty Twenty 被认为是最快的 WordPress 主题。

最快的免费 WordPress 主题是什么?

根据我们的全面测试,GeneratePress、Astra 和 Twenty Twenty 被认为是最快的免费 WordPress 主题。

是什么让 WordPress 主题变得快速?

WordPress 主题的表现取决于许多因素。其中一些关键因素包括坚持最佳编码实践、生成更少的 HTTP 请求、优化页面大小、尽可能少使用 JS(尤其是呈现阻塞)以及拥有结构良好的主题目录。

如何让我的 WordPress 主题更快?

WordPress 主题的表现取决于多种因素。首先,您可以优化图像,启用缓存,添加 CDN,并减少整体页面大小、HTTP 请求和外部服务

我如何检查 WordPress 主题的速度?

使用网站速度测试工具来检查 WordPress 主题的速度。我们推荐使用 GTmetrixPingdomPageSpeed Insights

我如何优化我的 WordPress 主题?

优化 WordPress 主题有很多方法,从选择一个快速 WordPress 主机提供商到使用速度和图像优化插件,使用 CDN,启用缓存,通过有效使用视频和避免太多第三方脚本来减少页面的整体大小。

为了快速简单地提升整体优化,也可以考虑缩减代码。Kinsta 已经在 MyKinsta 仪表板中内置了一个代码缩小功能,允许客户通过简单的点击实现 CSS 和 JavaScript 的自动缩小。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何搜寻和捕捉特色片段以获得更多流量

原文:https://kinsta.com/blog/featured-snippets/

你想让谷歌给你的网站增加的流量吗?你当然会。但是,如果不生产更多的内容,建立更多的反向链接或者雇佣一个 SEO 专家,你怎么能做到这一点呢?

两个字:精选片段。

在本指南中,我将解释它们是什么,为什么您应该关注它们,并引导您完成进入特色片段的具体步骤。

TL;DR–如何将特色片段排在第 0 位

以下是我们将分享的关于如何优化特色片段的一些技巧的快速总结:

  • 目标基于问题的关键词。
  • 使用 Ahrefs 之类的工具检查 SERP 上是否有特色片段,以及它是什么类型(段落、列表、表格等)。
  • 保持你的段落和句子相当短。
  • 尽可能直接地回答问题。
  • 用合乎逻辑的副标题来组织你的内容(H2、H3、H4 等)。
  • 使用表格显示任何数据。
  • 如果可能的话,将问题包含在答案中。
  • 在内容的开头或结尾包含摘要。

现在,让我们深入了解一些有特色的片段。

什么是特色片段?

特色片段(也称为零位置)是对用户问题答案的简要总结。它们显示在搜索引擎结果页面(SERPs)的顶部,并且是从网页(希望是从你的网页)中提取的。

这里的目标是为用户提供一个快速直接的问题答案,甚至不需要点击特定的搜索结果/网站。

Support

想知道怎么做披萨?给你:

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

How to make pizza featured snippet

How to make pizza featured snippet

或者你可能想知道预订航班的最佳时间是什么时候:

Book flights featured snippet

Book flights featured snippet

或者你可能想知道蝙蝠侠的秘密身份是谁:

Batman featured snippet

Batman featured snippet

抱歉剧透!根据谷歌的说法,代码片段是为了“增强并吸引用户在结果页面上的注意力”

什么不是特色片段?

让事情变得有点混乱的是,并不是所有出现在搜索引擎结果页面(SERPs)中的特性都是有特色的片段。

对于某些搜索,谷歌可以显示特殊的搜索结果。这些不是特色片段,可以包括:

丰富的答案

丰富答案(或即时答案)是由谷歌生成的答案,不需要你点击进入一个网站。

这些答案通常涵盖了一些事实,比如天王星有多大,或者帝国大厦有多高,如果你想知道的话,你可以从 381 米到 443 米:

Rich answers

Rich answers

谷歌不会给像这样回答丰富的网站提供信用,因为根据他们的说法,这些信息属于公共领域。

知识图表

知识图答案由各种来源生成,出现在 SERPs 的右侧。

搜索品牌、人物或组织会引发以下情况:

Knowledge Graphs in SERPs

Knowledge Graphs in SERPs

丰富的片段

虽然这个包含了 snippet 这个词,但是和 featured snippets 没有任何关系。rich snippet 是对由结构化数据(或模式标记)支持的有机结果的增强。

通常,你会在电子商务网站上看到这些。目的是通过星级评定、产品可用性和定价信息帮助结果脱颖而出:

Rich snippet in SERPs

Rich snippet in SERPs

现在我们已经解决了这个问题,你知道实际上有几种不同类型的特色片段吗?

让我们来看看他们:

有哪些不同类型的片段?

特色片段有各种形状和大小。老实说,有五种主要类型:

  1. 段落
  2. 编号列表
  3. 要点列表
  4. 表格
  5. Youtube

1.段落片段

段落片段是您将看到的最常见的片段。他们的工作是直接回答搜索者的问题:

Featured snippet paragraph type

Featured snippet paragraph type

通常,这些片段也显示一个图像。然而,这些通常来自不同的来源(不是特色片段中的网站)。

段落片段通常针对包含搜索词的关键字显示,例如:

  • 如何
  • 怎么办
  • 如何获得
  • whois
  • 为什么是
  • 什么是…

2.编号列表片段

当谷歌认为用户希望看到一系列步骤以完成一项任务时,它通常会显示编号列表片段,比如这个片段是关于如何增强肌肉:

Featured snippets numbered lists

精选片段编号列表

3.项目符号列表片段

每个人都喜欢列表帖子,对吗?谷歌也不例外。只要看看这个片段就知道了 Looker 工作室模板 :

Featured snippets bullet point lists

Featured snippets bullet point lists

对于这些有特色的片段,Google 通过提取文章每个部分的标题来格式化要点列表。

4.表格片段

虽然不太常见,但 Google 的爬虫可以很好地读取表中的数据。

通常,它不会从表中抓取所有信息。相反,它会将代码片段的数据重新格式化成它认为最有用的格式(为了更好的可读性)。

Featured snippets table snippet

Featured snippets table

以上面的搜索词为例‘抵押贷款利率’。如果你看一下获取数据的页面,你会发现谷歌已经删除了很多行&列,以便在代码片段中提供一个简洁的答案。

5.YouTube 片段

谷歌不仅可以从网页上构建特色片段,还可以从 YouTube 等网站(如果它认为某个视频最符合查询条件)构建特色片段:

Featured snippets YouTube snippet

Featured snippets YouTube snippet

对于像‘如何修理自行车链条’这样的查询,一个视频结果是有意义的:跟随比阅读博客帖子更有助于你。为搜索者的需求创建内容时需要考虑的一些事情。

为什么您应该关注特色片段?(提示:为了获得更多点击)

如果你排在前十名,你很幸运:你有机会进入一个特色片段。

但是有什么好处呢?

好吧,显而易见的一点是你网站的点击量增加了。

根据 Ahrefs 对 200 万个特色片段的研究,8.6%的点击都指向了特色片段。

Average CTR of featured snippets

Average CTR of featured snippets (Image source: Ahrefs)

在某种程度上,当你在精选片段中排名时,你正在从其他有机结果中“窃取”流量。

现在,考虑到显示特色片段的关键词数量超过所有搜索的 12%,这是一个很大的潜在窃取流量。

Search queries with featured snippets

Search queries with featured snippets (Image source: Ahrefs)

追求零位置还有一个额外的好处:

只需对你的内容做一些调整,如果你进入特色片段,你几乎可以立即增加流量。提供你的网站排名很明显。

虽然并不都是好事…

由于这些片段在 SERPs 顶部占据了大量宝贵的空间,它们获得了更多的展示和点击。如果你的网站在他们的网站上,这很好,但是如果你和他们竞争,这就不太好了。

此外,加入这个 SERP 功能可能会导致流量和点击量下降。如果特色片段提供了一个用户问题的答案,而不需要离开 SERPs,你的流量就会受到影响。

毕竟,如果用户的问题在谷歌上已经得到了回答,他们就不需要点击进入你的网站。

这并不是要阻止寻找有特色的片段,只是要让你意识到它们并不是 SEO 的圣杯。

如何发现特色片段机会

使用合适的工具,寻找特色片段机会非常容易。当谈到追捕他们,有两种类型的关键字机会在这里:

  • 你的网站的关键词已经在第一页上排名了
  • 您可以在片段中排名的新关键字机会

让我们更详细地探讨这两个选项:

如何找到你已经排名的片段

可以说,赢得特色片段的最快方法是在第一页显示你已经排名的关键词,那里有特色片段。

幸运的是,当你使用像 Ahrefs 这样的工具时,找到这些机会是相当快的。

以下是找到它们的方法:

第一步

前往 Ahrefs 站点浏览器并进入您的域名。接下来,转到左侧面板中的有机关键词

Ahrefs organic keywords

Ahrefs organic keywords

第二步

在这份报告中,你会看到你的域名排名的所有有机关键词。从这里开始,Ahrefs 的关键字过滤选项可以非常容易地找到特色片段。

在页面顶部,点击 SERP 功能,选择特色片段并点击应用。

Ahrefs featured snippet

Ahrefs featured snippet

第三步

现在你可以看到你的网站中所有包含特色片段的关键词。

请注意页面旁边的小语音标记符号,这意味着该页面当前显示在代码片段中。尼斯(法国城市名)

Ahrefs ranking for featured snippet

Ahrefs ranking for a featured snippet

第四步

如果你想找到一些快速获胜的机会,你可以进一步筛选这个列表。

转到页面顶部的位置过滤器。在“至”框中添加 10,然后点击“应用”。

Ahrefs top 10 keywords in SERPs

Ahrefs top 10 keywords in SERPs

这将显示您网站上排名第 1-10 位的页面(也称为第一页),其中还有一个特色片段。

这些是你的速赢机会——它们允许你快速审核你的页面,看看你想要什么样的片段。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

如何找到新的片段进行排名

好了,我们已经介绍了如何找到你已经排名的特色片段。

现在,让我们来找一些新的:

第一步

回到 Ahrefs,但是这次转到关键字浏览器工具。在此添加“种子关键字”。请将此视为您想要制作的内容类型的总体主题:

Ahrefs Keyword Explorer tool

Ahrefs Keyword Explorer tool

第二步

从左侧面板中,选择短语匹配。然后,在 SERP 功能下,勾选“特色片段”并应用。

Ahrefs phrase match with featured snippets

Ahrefs phrase match with featured snippets

第三步

现在,您将有一个新关键字+特色片段机会的漂亮大列表,用于您输入的种子术语。

在这里你还可以做最后一件事。

对于每一个关键词,你可以点击 SERP 下拉菜单来查看什么网站当前在特色片段中。

Page ranking for featured snippet in SERPs

Page ranking for the featured snippet in SERPs

如何对特色片段进行排名(3 步)

现在你知道什么是特色片段,不同的类型以及如何找到它们。只剩下一件事了:如何真正得到它们。

让我们先把坏消息说清楚:

为了在精选片段中排名,您需要首先在第一页上排名。

几乎所有的摘录结果都来自排名第一的页面。因此,如果你还没有达到目标,你需要提高你的搜索引擎优化和排名。

确保你的网站加载速度快,写人们想读的内容,跟上谷歌排名因素的速度,为每个页面写独特的元数据,并有一个可靠的 T2 搜索引擎优化清单来发布你的内容。

很明显,为了提高搜索引擎优化性能,优化一个网站还有更多的事情要做,但是这些都是你应该了解的一些基本知识。

好了,让我们开始讨论如何对特色片段进行排名:

第一步:做一些基于问题的关键词研究

创作好的内容要从关键词研究开始。以特色片段为目标没有什么不同。

事实上,Ahrefs 发现大多数特色片段是由长尾关键词触发的

如果你想知道,长尾关键词是高度集中的搜索查询。一般来说,他们的搜索量较低(但并不总是如此),但转化的机会较高。

如何快速找到长尾关键词:

去谷歌,输入一个关键词。现在观看自动完成功能为您生成长尾关键词:

Autocomplete long-tail keywords

Autocomplete long-tail keywords

将页面向下滚动一点,您将能够选中“人们也会问”框:

People also ask box in SERPs

People also ask box in SERPs

然后,就在页面的底部,有一个“相关搜索”框:

Searches related to box in SERPs

Searches related to box in SERPs

这是一些非常有用的长尾关键词研究,你不用离开谷歌就可以做。

或者,你可以前往 Ahrefs 关键字浏览器。添加您的种子关键字,进入所有关键字想法,过滤,只显示 6 个词或更多的关键字。你可以根据你的定位来玩这个数字:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Ahrefs seed keyword

Ahrefs seed keyword

一般来说,特色片段是为了回答问题而设计的。

因此,获得零位置的最佳方法之一是通过进行关键字研究来逆向工程这个目标。

查找与问题相关的关键词,并创建回答这些问题的内容…

回答人们提出的问题

理解你的听众是有帮助的。寻找大量的关键词可能不是对你时间的最好利用。相反,寻找人们真正在问的问题。

回答公众这样的免费工具,可以让你超快的生成长尾问题关键词。

只需输入一个种子关键词(或主题),它就会在一个按类型划分的可视地图中生成人们询问的大量问题。别担心,还有一个 CSV 导出选项:

Answer the Public

Answer the Public

不要忘记,当涉及到研究人们问的问题时,利用你对目标用户的了解。

他们在网上都去哪里玩?在论坛、Quora、Reddit,还是特定的社交渠道?关键是:去你的潜在客户所在的地方,看看他们在问什么问题。

然后你所要做的就是创建回答这些问题的内容,这说起来容易做起来难。

第二步:创建并格式化你的内容(这样谷歌就可以轻松阅读)

知道针对什么关键词,写什么内容,才是成功的一半。为了获得有特色的片段,格式起了很大的作用。

片段倾向于只显示表格或文本的几行。事实上,Moz 分析了 140 万个特色片段,发现一个特色片段段落的最佳长度大致为 40 到 50 个单词

为了最大限度地增加你被关注的机会,你需要用一个介绍性的句子直接回答这个问题,然后在剩下的内容中更深入。

例如,以下是关键字“什么是目录反向链接”的特色片段:

Featured snippet

Featured snippet

这个片段直接用几句话回答了问题。如果你随后查看的实际排名页面,你会看到答案就在这里:

Featured snippet content on the website itself

Featured snippet content on the website itself

文章开头的这一部分直接回答了这个问题,接下来的内容会更深入地讨论这个主题。

为位置 0 设置内容格式

正确格式化你的内容有两个 SEO 驱动的目标:帮助你的用户阅读它和帮助 Google 阅读它。

首先,你需要用标题和副标题来组织你的内容,并把它分成有逻辑的部分。

你需要使用基本的 HTML 标签来格式化你的页面,这样谷歌就可以有效地抓取它。对于特色片段搜索,您最好的朋友是:

  • 问题的<h2><h3>标签,
  • <p>正文文本的段落标签
  • 列表项的<ol><ul><li>

对于 WordPress,你有 H2、H3、H4 标签以及标准段落(<p>)标签。在这里遵循一个层次,这样你不仅会得到一个自然的流程,而且是一个逻辑的流程。

如果可能的话,你应该在你的副标题中包含关键词,如果可能的话,在页面顶部包含一个内容摘要列表。

比如,我们来简单看一下这篇如何做一个 app 的文章:

Featured snippet structure

Featured snippet structure

这里是这篇文章标题结构的一个快速概述:

  • H1—如何制作应用程序(9 个步骤)
  • H2-1。勾画你的应用理念
  • H2-2。做一些市场调查
  • H2——3。创建你的应用模型
  • Ect

这不是文章的全部结构,只是给你一个提示。

总标题(H1)告诉我们和谷歌这个页面是关于什么的。接下来,小标题(H2)详细介绍了速度测试的各个方面。

如果这篇文章想扩展一些信息,它可以使用 H3 的标题,在相关的 H2s 下进行更详细的描述。

这样想,如果有人要略读你的内容,他们能通过阅读副标题来理解文章的整体意思吗?

如果你能自信地回答是,你就在正确的轨道上。

一旦你的标题准备好了,你还需要格式化你内容的主体。这取决于你要展示的信息类型,这里有一些快速而宽松的规则:

  • 对于定义或答案,使用段落
  • 对于项目列表或多步骤流程,使用项目符号或编号列表
  • 对于数据或比较,使用表格

不要忘记,在可能的情况下,使用相关的图片来帮助说明和解释你的答案。

哦,还有一件事:确保你的格式适合你想进入的片段。

步骤 3:为您想要的代码片段设置内容格式

我们已经简要地谈到了这一点,但是每种类型的特色片段都需要一些不同的格式。

根据 SEMrush 对 1000 万个 SERPs 的研究,最受欢迎的片段类型是:

  • 第 53.2 段
  • 列出 35.5%
  • 表格 11.5%

下面是 Moz 整理的一些最佳精选片段长度:

Featured snippet lengths

Featured snippet lengths (Image source: Moz)

让我们来了解一下每一种格式需要记住的一些格式技巧:

段落类型特色片段的格式

对于段落片段,谷歌只会显示你内容的摘录。因此,请确保用 40-50 个单词回答问题,并在副标题中包含关键词/问题:

Formatting for paragraph featured snippets

Formatting for paragraph featured snippets

要获得段落中的特色片段答案,您可能需要将内容的格式调整为:

  • 将问题包含在副标题中
  • 用一段话直接回答问题
  • 然后在文章中更详细地讨论。

你希望将最重要的信息(回答问题的信息)放在页面的顶部。然后,随着文章的继续,你可以包括更详细的信息。

列表类型特色片段的格式

为了进入列表类型代码段,您需要确保您的内容以一种逻辑的方式格式化。要么把你的清单项目放在项目符号里,要么放在有组织的副标题里。

为了清楚起见,你可以在你的标题中加入数字,这样就可以清楚地看出有一个逻辑流程:

Formatting list type featured snippets

Formatting list type featured snippets

创建列表时,尽量使其长度超过 8 点。为什么?因为这是谷歌将显示的最大值,所以它会添加一个“更多项目”链接。例如:

More items link in featured snippet

More items link in a featured snippet

这意味着人们将不得不点击你的网站来找出剩下的点。你好交通!

表格类型特色片段的格式

表格特色片段非常适合显示数据。

给自己一个好的开始,把任何对用户有用的数据放在表格中,加上相关的标题,这样就有机会被精选出来。

对于表格片段,Google 最多显示 3 列 9 行。然而,就像列表片段一样,如果你的表有更多,Google 会添加一个点击链接。

搜索“相机价格”,会显示以下片段,该片段向链接添加了“另外 11 行”以获取更多数据:

Table featured snippet more rows link

Table featured snippet more rows link

摘要

让你的内容在 SERPs 的特色片段中排名可能是一项艰巨的工作。排在前十名的第一位同样是很辛苦的工作。

但是像很多事情一样,一些努力和坚持会有回报的。SEO 是马拉松,不是短跑。如果你已经有了很棒的内容,有特色的片段可能会很快胜出。

现在前进,寻找并捕捉一些有特色的片段。我们很想听听下面的评论。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

营销特点与优势——您使用的方法是否正确?

原文:https://kinsta.com/blog/features-vs-benefits/

古老的销售谚语说,事实说话,故事销售。

不幸的是,现实中并没有那么简单。尤其是在更多的技术产品或空间中,人们需要确切地知道他们正在得到什么。

因此,当谈到营销功能与优势时,你必须走钢丝。你需要突出具体的特点,这样精明的买家就可以很容易地看出你是如何比较的,同时不要疏远那些可能不关心你所卖商品的复杂性的主流买家。

走得太远,你就会遇到问题。但这也可能导致许多其他问题,比如迫使你在价格上竞争,因为你吹嘘的营销功能与你的客户可能看到的好处没有共鸣。

以下是这种情况经常发生的原因,以及如何通过将您的功能转化为客户乐意支付更多的利益和结果来一劳永逸地避免这种情况。

营销你的特色至关重要。但是您需要向您的客户展示优势和价值/成果!💥 点击推文

你的公司在价格上竞争吗?

还记得十年前购买虚拟主机的情况吗?

你输入了一些大人物的领域。您滚动查看了计划和定价是如何划分的。你基本上需要一个工程学位来加密它,即使他们都在运行 cPanel/WHM。🤣

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

计划 X、Y 和 Z 只是根据它们之间的带宽或存储的总大小来划分的。然而,大多数非技术消费者对带宽如何转化为他们的站点需求一无所知。

那么他们做了什么?当然是默认最便宜的选项!

不仅仅是一个公司的计划,而是整个行业。如果竞争对手 A 的带宽或存储与竞争对手 B 的相当,但便宜 10 美元?最便宜的公司会赢。

那是因为他们陷入了功能竞争,而不是利益竞争。

谢天谢地,今天情况有所改善。查找新主机时,会有大量选项,从必须指定的功能,到每个功能对客户的意义。当我们在 2017 年重新推出我们的网站时,我们对这个话题进行了很多思考。我们想营销什么?特点或好处。

如果您访问我们的主页或专题页面,您会发现我们试图关注优势,使用的术语有:

  • 高枕无忧,按需扩展,终极速度,像诺克斯堡一样安全。
  • 关心他人的支持,无需排队等候支持,没有解决不了的问题。
  • 用户友好但功能强大,由开发人员为开发人员构建。

Marketing benefits vs features

Marketing benefits vs features

竞争到底和仅仅在功能和价格上竞争的问题是双重的。

  1. 注重成本的消费者忠于价格,而不是品牌。这就是为什么 Expedia 上的酒店尽可能降低价格,看起来很便宜,但却在顾客入住时以每天 50 美元的度假费用欺骗他们。问题是,它训练客户在他们的星级偏好中寻找最低的标价,而不是通过名字或声誉来寻找你的品牌。
  2. 价格竞争也侵蚀了利润,随着时间的推移,这实际上对公司产生了反作用,因为它减少了他们可以再投资于提高产品质量的利润。这意味着从长远来看,你的产品或服务会变得越来越差,破坏客户保持和真正的口碑推荐,从而发展一个大的、持久的业务

不幸的是,当你在功能上严格竞争时,你经常会陷入无人区。你不可能通过收取溢价来推动未来的增长。但你也无法抢占市场份额,因为总会有更大的公司可以对这些功能进行基准测试,并降低你的价格。

幸运的是,有一个解决方案。这其实很简单。

咨询巨头麦肯锡发现大多数 B2B 公司都犯了的严重错误,即优先考虑客户实际上并不太关心的事情。他们从不同行业的各种形状和大小的企业公司中挑选,并能够编辑出一个非常一致的观点。然后,他们对 700 名高管进行了调查,以确定如何为什么购买。

所有这些公司都喜欢宣扬社会责任、可持续性和全球影响力。然而,这些似乎对购买者对品牌实力的感知影响甚微。

然而,更令人担忧的是相反的情况:

反之亦然:顾客对品牌实力认知的两个最重要的主题——有效的供应链管理和专业的市场知识——是 B2B 供应商最少提及的。

不过,最后一个很有趣。

客户认为最重要的诚实和开放的对话是我们样本中 90 家公司根本没有强调的三个主题之一。除了这些脱节,我们的分析显示,领先的 B2B 公司强调的品牌主题之间有着惊人的相似性,这表明人们倾向于从众,而不是创造出强烈的差异化品牌信息。

所有这些研究使麦肯锡得出结论:大多数 B2B 公司都绕过他们的客户 。换句话说,他们说了很多实际上没有那么多的东西,客户基本上不太关心。

B2B companies talking past customers

B2B companies talking past customers (Image source: McKinsey & Company)

类似的研究显示了完全相同的问题。CMO.com 报道的一项研究发现:

79%的顾客表示,在他们考虑购买之前,品牌必须证明他们理解并关心我。

换句话说,他们需要帮助将他们的技术术语翻译成客户真正理解(和重视)的东西。

比如你还记得 Windows RT 吗?大概不会。

Windows RT

Windows RT (Image source: ExtremeTech)

那是因为它实际上存在的时间并不长。它基本上放弃了你能想到的每一个类别,包括速度、性能、差异化和集成。

然而,主要的问题是,它从来没有定义它是为谁服务的,以及它如何帮助他们。通过当时的寄存器:

尽管 Windows RT 有很多缺点,但如果 Redmond 成功地传达了它的受众是谁,它可能还有机会。但它没有。Surface RT 发布三个月后,仍然很难说 RT 设备的目标市场是谁。

值得称赞的是,Windows 自己解释说,他们在解释 Windows RT 和 Windows 8 有何不同方面做得不够。

问题是,随着时间的推移,这变得更加棘手。当你跨越鸿沟时,你定位产品的方式与你进入主流时大不相同。(比如说,虚拟主机!)

因此,你不仅要担心一种产品相对于所有其他产品在市场上的定位。您还必须找出在整个技术生命周期采用范围内为人们定位产品的最佳方式。

Innovation Adoption Lifecycle

Innovation Adoption Lifecycle (Image source: Wikipedia)

创新者可能会因为与主流消费者完全相反的原因而喜欢一种产品。

开发者可能希望他们的虚拟主机账户有更多的高级功能(最新版本的 PHP,SSH 等)。),而非技术业务人员可能希望相反,这样他们就不会意外地搞砸任何事情(自动备份、免费 SSL、24/7 支持)。

解决这个问题的唯一方法是通过更好地理解客户为什么做出他们所做的决定。以下是我们发现的有用信息。

如何改进你的客户研究

大多数公司都知道他们的客户是谁。他们了解人口统计,如年龄范围、地点等。不幸的是,当试图确定他们为什么购买时,这些信息几乎毫无用处。

心理学帮助你发现这些主要的激励因素。但是收集这种洞察力通常很困难(也很昂贵)。不过,这个过程不一定那么具有挑战性。以下是基本步骤:

  • 第一步:你最好的客户在哪里,他们将你的产品/服务视为投资,而不是成本?
  • 第二步:在深入探讨为什么你之前,首先弄清楚他们为什么购买你的产品/服务。在主机方面,首先是为什么管理的 WordPress 主机比共享主机或 DIY 更好。然后,到了为什么 Kinsta vs 任何其他主机,像 WP 引擎场地飞轮可压
  • 第三步。回顾一个人的一天,找出他们想做什么,想完成什么,以及是什么阻碍了他们。

这包括从客户评价客户访谈甚至网站可用性测试的一切。简单的调查也可以。

你想回答的问题是:

  • 人们想要什么?
  • 为什么他们得不到?
  • 你的产品如何帮助他们克服这个障碍?

以下是我们之前用来从客户那里获取这些信息的确切提问顺序:

What customers want

What customers want

换句话说,它在问:

  1. 你生活中的一天是什么样子的?
  2. 你的首要任务和责任是什么?
  3. “成功”是什么样子的?
  4. 你为什么会取得这样的成功?
  5. 这些延迟或障碍的最大问题是什么?
  6. 您如何评价这些延迟或障碍的解决方案?

简单吧?你所需要的是最多 5-7 个问题。你可以开始看到基于人们反应的模式匹配。当然,这些可能会因您所在的行业而异。

这里有一个与房地产相关的例子,突出了完成一个成功项目的一些最大的难点。查看来自不同人的含糊不清的答案:

Bottleneck answers

Bottleneck answers

啊。现在我知道他们想要什么了!我知道“及时准备好产品”对他们来说可能比再节省 5%更有价值。

您还可以深入研究每个人的回答,看看他们是如何依次回答所有问题的:

Responses

Responses

嗯…听起来他们很在乎截止日期!

这不完全是火箭科学。你所做的只是揭示他们真正的动机(他们购买的原因),而不是你认为他们可能感兴趣的东西。

然后,当谈到定位您的产品时,您只需向他们重复他们刚刚告诉您的内容。

诀窍是在重新评估你的特征时加入“这样”。在电子表格的左边,记下你所有的关键产品特性。仔细检查竞争对手,确保他们是独特的或与众不同的。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

然后回答“以便”首先将功能转化为客户利益,然后是结果或具体示例。

Features, benefits, and outcome

Features, benefits, and outcome

以下是 WordPress 托管的情况:

  1. 特色:免费 CDN。
  2. 好处:你的站点会更快。
  3. 结果:你会排名更高,赚更多的钱,降低跳出率。

如果“按时准备”是上面房地产调查中的一个热点问题,你可以交叉引用你的特性列表来查看帮助那个人按时交付产品的所有属性,不管是什么。

然后你可以用“交钥匙”或任何相关短语或同义词改写登陆或定价页面:

Synonyms

Synonyms

“随叫随到”、“触手可及”等。都是不错的选择。

特色 XYZ 随时为您服务,因此产品将按时交付,您再也不会有另一个成本高昂的项目超支。

你的应用或服务的成本——无论多贵——与项目超支或失去业务的最终成本相比,几乎总是相形见绌。所以现在你的价格对他们来说是保护未来收益的投资。不仅仅是另一项单项支出。

让我们看看其他几个现实生活中的例子。这里有一个电子邮件营销平台,隐藏名字是为了保护无辜。

Benefit example

Benefit example

不太令人信服,对吧?

这是一次勇敢的努力。但问题是,只有最书呆子的客户才真正关心“有针对性的电子邮件自动化”大多数人只是想要“定向电子邮件自动化”能带给他们的东西。

现在,将其与 MailChimp 的“电子邮件自动化”进行比较:

Good benefit example

Good benefit example

这足以让任何优秀的抄袭黑客喜极而泣:

  1. “自动化您繁忙的工作”
  2. “永远在线营销”
  3. “在正确的时间向正确的人传达正确的信息”
  4. “每次都不做工作”

太美了。所有这些的要点是将一切归结为你可以在整个网站上一致使用的信息。

它(应该)从客户研究开始。不是人口统计,而是潜在的购买动机。然后,你可以用另外三个技巧来建立这个早期的工作。

如何最终将所有功能转化为优势

将功能转化为优势是一个漫长的过程。但是,使用客户研究来推动下面三个技巧可以帮助你更快、更顺利地完成转变。

  1. 调整你的定位,使“价值”具体化
  2. 不要用行话淡化你的价值主张
  3. 你总是可以依靠 PAS 公式

技巧 1:微调你的定位,使“价值”具体化

不可否认,蓝海战略非常理论化。但是思考练习确实提供了一个有用的框架,让你思考如何重新定义顾客从你的产品中获得的价值。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

这样做的目的是避免与竞争对手正面直接竞争。至少,避免在你永远无法击败他们的地方与他们正面竞争。

回到价格上来。在你的领域里,你不可能比那些最大的人价格更低。例如,我们永远也不可能比得上 GoDaddy 的价格,也不想这样做。你无法超越亚马逊亚马逊。

但是你可以改变游戏规则。你可以在几个领域翻翻剧本,选择把市场的某些部分让给他们,因为你要专注于几个别人跟不上的领域。

Red Ocean Strategy vs Blue Ocean Strategy

Red Ocean Strategy vs Blue Ocean Strategy (Image source: Blue Ocean)

例如,在客户支持方面,GoDaddy 的规模和商业模式对他们不利。响应时间很慢,你得到的剪切粘贴式的答案也没什么用。阅读关于廉价 WordPress 主机如何真正工作的真相。

《蓝海战略》一开始就用了 Yellowtail(葡萄酒)和 Cirque Du Soleil 的例子来说明这些观点。

例如,后者甚至选择不用明星力量、动物或特许权来参与大多数马戏表演。他们甚至都不在乎。但他们引入了一些新的领域,如主题或提高生产价值,使演出价格远远高于典型的马戏团,并疯狂增长。他们现在甚至进一步涉足娱乐领域,涉足体育和主题公园。

Blue Ocean Strategy example

Blue Ocean Strategy example (Image source: Bloomberg)

对竞争对手网站的功能列表进行基准测试并不总是对你有帮助。它甚至可能伤害你。因为顾客不会购买一系列功能。他们会购买能最快最容易解决问题的东西。那你是怎么做到的,比其他人做得更好?

提示 2:不要用行话淡化你的价值主张

定义你的价值主张已经够难了。但实际上恰当地交流可能更难。

这是因为人们很容易一头扎进行话、俚语和流行语中。用带宽数字和各种各样的技术废话来引导说服你的客户是很有诱惑力的。或者更糟,一堆笼统、模糊的描述,到头来实际上没有任何意义。

不要这样做。

我们先来看另一个‘meh’的例子。这并不可怕,但也不完全清楚。为了保护无辜,名字又一次被模糊了。有点像警察节目里那些模糊的脸。

Jargon example

Jargon example

值得称赞的是,他们谈论创收。下面,在截图下面,他们会详细介绍一些细节。但是仍然很难分析它们到底是做什么的,或者它们相对于其他的价值。

这里还有一个不太令人鼓舞的例子:

Jargon example

Jargon example

我敢打赌,你根本不知道这些是什么产品,也不知道它们指的是什么功能。

现在,举个好例子:

Define value

Define value

哦。现在有道理了!如果客户不明白你在说什么,他们会跳到定价页面,比较价格,选择最便宜的。因为他们就是这样被训练的。

提示 3:你总是可以依靠 PAS(问题、焦虑、解决方案)公式

古训是,人不买钻,买洞。

Problem agitate solution

Problem agitate solution

那么,钻头的转速就无关紧要了。至少,除非你能解释这个速度是如何导致更快更准确的孔的,这样你房间里的所有照片都可以在十分钟或更短的时间内挂直。

PAS(问题解决方案)可以帮助您规划每个功能、优势和结果:

  • 问题:你的网站在移动端太慢。
  • 鼓动:慢速移动网站排名会更差
  • 解决方案:CDN 将立即减轻您主机的负载,并确保您网站的资产(图片、 CSS 、JSS)以闪电般的速度传送到移动设备。

像这样的公式和框架的存在是为了帮助你摆脱自己的头脑,避免知识的诅咒。很容易陷入阻碍你了解顾客观点的困境。

通过强迫你从客户的问题(相对于你自己的问题)开始(而不是结束),在 PAS 之后构建每个功能可以防止这种情况。

例如,每个人都知道 helpdesk 软件下的所有知识库。这并不完全令人信服或新颖。但是 PAS 会翻转脚本,帮助您解释知识库会给您带来什么结果:

PAS example

PAS example

知识库现在不仅仅是一些功能。这是一个帮助客户自助的工具,从而将您的资源从等式中移除。

  • 问题:一对一的支持很难(也很贵)扩展。
  • 激荡:人们期待答案在少于五分钟或者少于
  • 解决方案:知识库使客户能够帮助自己获得即时答案,而您不会碍手碍脚,减慢整个过程。

如果您能够将同样的信息应用于每个垂直市场,让它直接面向每个潜在客户,那就更有说服力了:

PAS example

PAS example

相同的基本信息,但更具体地针对医疗保健购买者,他们可能会淹没在患者和家属不断提出的问题的海洋中。你不能忽视或拒绝他们。他们的担忧正是他们拜访你的医院或诊所的原因。但是你可以提供另一种选择来帮助他们,同时在这个过程中为你的实践节省大量的时间和金钱。

摘要

你不能总是在网上说假设的话。你不能总是试图用含糊的故事来推销你的立场。客户需要知道当他们准备好的时候,他们可以从哪里得到事实。

但这并不意味着你的营销材料读起来也需要像一份技术报告。

仅仅强调功能可能会适得其反,因为这会迫使客户仅仅用价格来说明你和其他竞争者之间的区别。“与你的客户交谈”不仅简单,而且基本上是大多数技术公司的主流。

诀窍是首先从客户的角度理解“价值”的含义。你可以通过开始询问他们的日常目标,他们对成功的看法,以及是什么阻碍了他们实现成功来发现这一点。这样,你就可以剥开洋葱的皮,找出它们最重要的事情。

一旦你知道了这些,你的工作就是围绕客户最看重(并愿意支付)的东西来定位你的产品和服务。这不仅会让竞争变得无关紧要,还会让你的成本看起来像是一项投资,比他们给你的报酬要高得多。

营销你的特色是绝对必要的。但前提是你能够将每一项都转化为收益和成果,让客户确切了解他们得到的是什么,而不是花钱买的。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

Figma vs Sketch:两种设计工具的功能比较

原文:https://kinsta.com/blog/figma-vs-sketch/

在用户界面和用户体验设计领域,Sketch 多年来都是无可争议的王者。它是网站设计师寻求设计下一级界面的首选平台。其独特的功能(灵活的矢量编辑,简单的网格,智能指南等。)把 UI 设计行业带到了一个全新的高度。

但随着行业的发展,Figma 出现了,这是一个基于网络的多平台协作系统——一个新的草图替代方案。但这回避了一个问题:在 Figma 和 Sketch 的对决中,哪个工具领先?

有许多关键的差异可能会成为您是否应该选择 Sketch 或 Figma 来满足您的 UI 设计需求的决定因素。

在这篇文章中,我们将比较 Figma 和 Sketch,这样当你选择哪一个最适合你的下一个响应式网页设计项目时,你可以在两者之间做出明智的决定。

Figma 是什么?

Figma 被许多人视为 UI 设计工具领域的革命性发展。它是 Sketch 的第一个主要替代品,于 2016 年发布。它的出现让网页设计师们更容易挣到薪水。

The homepage for the UI-design tool Figma

Figma homepage

不像 Sketch 是你必须下载的本地设计软件,Figma 是一个通过浏览器工作的在线工具。当涉及到你的操作系统时,它也更加通用;它可以在 Windows 或 Mac 系统上使用,而 Sketch 只能在 Mac 上使用。

Team Figma or Team Sketch? Find the right system for your next project with this guide ✨Click to Tweet

Figma 具有协作设计功能,允许您与团队成员共享设计,他们可以实时与您一起工作。这使得它对希望参与设计过程的设计团队和客户更具吸引力。

Figma 也没有杂乱的软件安装。由于你是通过浏览器来访问这项服务的,所以你不必担心它会耗尽你设备上的内存或者经历一个复杂的安装过程。当然,由于 Figma 的在线性质,你将受到互联网的支配,如果你在一个没有连接的地区,你将无法进行你的设计。

如果你过去曾经使用过 Sketch,当你查看这个工具的用户界面时,你会很快意识到它在设计方面与 Sketch 非常相似。这是开发商有意为之的举动。根据多年来的行业标准来设计他们的用户界面,确保任何人都可以轻松转换。

什么是素描?

Sketch 是大多数 UI 设计师都非常熟悉的系统。多年来,它树立了用户界面设计的黄金标准,并开辟了一个新的功能领域。

The homepage for the UI design tool Sketch

Sketch homepage

在 Sketch 成为流行的 UI 设计平台之前,设计师通常使用 Adobe Photoshop 来实现他们的创作。然而,任何使用过 Photoshop 的人都会告诉你,它并不是为了设计一个用户友好的网站而创建的,而且非常不适合这个任务。它可能非常适合照片或电子邮件设计,但它不适合网页设计师。

Sketch 是原生桌面 app 这意味着它必须本地安装在您的计算机上。它不需要互联网连接,但也不能从任何地方访问,不像 Figma 这样基于网络的工具。

Sketch 是一个矢量图形编辑器,于 2010 年首次向公众发布。它在设计界产生了影响,因为它是专门为数字设计而设计的,而不是像 Photoshop 这样的印刷设计。

虽然该软件仍需在本地安装,但同步的 web 应用程序也可用于与设计团队协作。

Figma 的主要特点

Figma 有许多关键特性,使其成为整个 UI 设计行业中的明星和受欢迎的服务。首先,这是一个协作系统,允许设计师与团队成员和客户分享他们的工作。

设计团队可以轻松地协同工作,实时编辑项目或记录各种设计元素。这个特性在现代商业世界中非常有用,许多设计团队远程工作并分布在世界各地。

A screenshot of Figma’s collaboration feature in progress

Figma’s collaboration feature in progress

系统内置了协作共享功能,允许协作者在任何需要做笔记的地方留下评论,并且不需要额外费用。

在与客户打交道时,这一功能可能会很有用,因为他们可以在整个设计过程中为您提供指导。如果你开始走一条客户不喜欢的路,客户可以在你走得太远而浪费时间之前发现问题并记录下来。

您还可以邀请开发人员探索您的原型,并使用单个链接导出资产。

Figma 的主要优势之一是该系统不需要直接下载到设备上。这是一个基于网络的应用程序,可以通过浏览器访问。软件下载通常很复杂,会耗尽宝贵的硬盘空间。通过在线使用应用程序,你节省了大量空间,最终有利于你的设备的速度和性能。

由于有几个专门为新用户设计的特殊教程,学习如何使用 Figma 也很容易。这消除了学习过程中的猜测,并帮助您从一开始就利用 Figma 的全部功能。

Figma 有一个插件库,尽管目前还不太广泛。这项功能于 2019 年推出,因此开发者社区仍在增长。

灵活的向量操作是 Figma 的一个非常有益的特性。使用这个系统时,矢量编辑器被称为矢量网络。您可以使用矢量网络将多条线连接到一个奇点。这最终会提高矢量绘图的生产速度,并帮助您更快地完成项目。

组件特征是 Figma 版本的草图信号特征。这些各自的特征是可以跨页面重复并一起编辑的元素。Figma 有一个保持不变的主组件。这也可以通过复制主组件并编辑它来更改。这样做可以在整个工作过程中更新组件的每个实例。

素描的主要特征

Sketch 在特写部分也不逊色,它拥有强大的元素,多年来一直是这个行业的中流砥柱。

Sketch’s real-time collaboration app launched in 2021

Sketch’s real-time collaboration app

该公司早在 2021 年就推出了一款实时协作应用。这个相对较新的功能基本上复制了 Figma 的协作功能。但是,所有合作者必须付费订阅 Sketch,并在其设备上安装 Mac 应用程序,才能使用实时合作。

Sketch 有一个可浏览的设计版本历史,如果用户改变主意并决定需要返回并从一个更早的点开始,他们可以返回到更早的版本。

Restore previous versions of your work in Sketch

Sketch allows you to restore previous versions of your work

当使用 Sketch 时,你可以邀请观众到系统中来测试你的原型的可用性。这很有用,因为您的测试人员可以指出您完全没有注意到的缺点或设计缺陷。

Sketch 用户可以奢侈地选择大量的第三方集成插件,这些插件是多年来精心策划的。这使得 Sketch 比 Figma 有很大优势,fig ma 在 2019 年才开放了其集成开发平台。

由于这些集成,你会发现 Sketch 是一个高度可定制的平台。它的插件包括翻译、原型制作、开发人员移交和动画。

草图允许通过称为节点的连接点进行向量操作。它还具有 web inspector 特性,允许开发人员检查和导出资产。

草图允许您创建独立的样式。这包括通过不同的颜色、文本和效果库进行个性化。

该系统还使用拖放界面,允许您在页面上点击并拖动元素。这使得学习变得非常容易。

使用 Figma 的利与弊

Figma 优势

Figma 有几个优点,使其成为市场上最受欢迎的草图替代品之一。

首先,它具有很好的可访问性,可以在多个平台上访问。它还具有灵活的向量操作和实时协作功能,这使得与远程团队合作并创建一些真正精湛的 UI 设计变得很容易。

它还具有简单的开发人员移交功能,允许您只需点击几下鼠标就可以将每个项目转移到下一步。

由于 Figma 为新老用户提供了丰富的教育资源,学习如何使用 fig ma 也非常容易。

Figma 缺点

尽管 Figma 有很多好处,但当您搜索 UI 设计平台时,它仍然有一些不容忽视的缺点。

Figma 是一项比 Sketch 更新的服务,它在 2019 年才开始推出集成和应用程序。这意味着它的特色是一个小的集成库,与竞争对手提供的相比相形见绌。然而,随着时间的推移,它可能会增长,这种消极会变成积极的。

虽然通过网络使用 Figma 是理想的,但您需要互联网连接才能访问其功能。没有可用的离线模式。

使用草图的利与弊

草图优势

使用速写有很多好处。十多年来,它一直是设计界的热门产品,这有几个原因。

它的长寿是它的优点之一。因为它存在了这么长时间,很多人都习惯了。这意味着有很多指导。这是一个许多网站设计者学习过的系统,所以任何想充分利用 Sketch 的人都可以找到资源。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Integrations available for Sketch

Sketch has a vast library of integrations

随着时间的推移,Sketch 还开发了数量惊人的第三方集成,以提供最佳的个性化草图体验。

因为这是一个本地安装的程序,所以也可以离线工作。这对于那些网络服务不稳定的人或者那些不得不在旅途中工作的人来说是一个巨大的好处,因为 WiFi 并不总是可用的。

草图缺陷

Sketch 也有几个缺点,可能会让有抱负的用户在购买前犹豫不决。

例如,Sketch 只能在 Mac 上使用,所以如果你习惯在 PC 上进行设计,或者只是买不起昂贵的 Mac 笔记本电脑,那么这个系统就不适合你。

虽然该公司已经创建了一个实时协作 web 应用程序,这很好,但这项服务仍然是新的,而且有限。假以时日,这将成为一个巨大的优势,但目前,使用 Figma 进行协作要容易得多。

您必须在本地计算机上安装草图软件。这会耗尽硬盘空间,并对 Mac 的速度产生负面影响。

Figma vs Sketch:势均力敌的比较

现在我们已经了解了 Figma 和 Sketch 的基本优缺点,让我们在几个类别中对两者进行正面比较。

合作

谈到协作设计,Sketch 只是在 2021 年通过使用一个网络应用程序推出了这一功能。你所有的合作者也需要付费订阅草图,这个功能就像软件本身一样,只能在 Mac 上使用。

这种基于云的协作功能更像是一个 Dropbox 文件共享系统。

Figma 允许在任何平台上进行实时协作。该系统的工作方式与谷歌文档相同,用户可以在同一个项目上一起工作,并实时做出可见的更改和评论。你甚至可以看到其他用户的鼠标移动,没有同步或滞后时间的问题。

成本效益

Sketch 的软件分为两种不同的定价方案。

Pricing plans for Sketch

Sketch has two different pricing plans

草图标准计划的费用是每个编辑每月 9 美元。它还带有无限的免费观众。

商业计划的定价是一个谜,因为 Sketch 不公开这些信息。要获得商业计划的资格,你至少需要 25 名编辑。

此服务仅按年定价,没有按月定价的选项。这意味着这将是一笔巨大的前期投资。

草图业务计划包括单点登录、无限制的云存储、发票账单、实时聊天技术支持、专门的客户成功经理以及定制的安全审查和条款。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Pricing options for Figma

Figma has many different pricing options

Figma 的定价要透明得多,有不同的定价方案。

Figma 的启动计划是免费的,但它有一些限制。您只能处理三个 Figma 文件和三个 FigJam 文件。

然而,它也附带了无限的个人文件和合作者。您可以免费使用插件、模板和小部件。免费计划甚至包括使用 Figma 移动应用程序。

Figma 的专业计划是每个编辑每月 12 美元,按年计费。如果你想要一个月到月的选择,你会看到每个编辑每月 15 美元。

使用专业计划时,您可以获得无限的 Figma 文件、无限的版本历史记录和共享权限。如果您想限制访问,甚至可以将某些项目设为私有。此外,您可以获得团队库和录制与合作者的音频对话的能力。

组织计划的费用是每个编辑每月 45 美元,并且只按年计费。

通过此计划,您可以创建组织范围内的库。您还可以设计系统分析并进行分支和合并。

组织计划中包括集中文件管理和单点登录,管理和计费是统一的。你也可以使用私有的部件和插件。

Figma 最昂贵的计划是企业计划。每个编辑每月 75 美元,每个 FigJam 编辑每月 5 美元。该计划仅提供年度计费,并允许更灵活的控制和高级安全性。

易用性/入门

这两个服务共享相似的接口,这意味着一旦你学会了如何使用其中一个,在它们之间切换是非常容易的。

Figma 提供操作指南和教学视频,帮助新用户快速上手。Sketch 通过官方渠道获得的信息指南有限,但该系统已经存在很长时间了,而且有大量的信息。

可扩展性(插件和集成)

Sketch 有大量可用的插件和集成。这个巨大的应用程序库类似于 WordPress 令人印象深刻的主题和插件库。它负责增强个性化,您可以在整个草图体验中使用。

Figma 早在 2019 年就添加了集成,但遗憾的是,几乎没有可用的选项。

常见的集成功能包括但不限于:

  • 样机研究
  • 翻译
  • 动画片
  • 开发者移交

特征

Figma 非常适合远程团队,因为它具有实时协作的特性。此外,其

网格和约束是灵活的,允许您创建响应性和可调整大小的布局。

Sketch 使用组大小调整功能,但它将您限制为只有四个选项。

Figma uses vector networks to create a better path model

Figma uses vector networks to create a better path model

Figma 的矢量网络改进了路径模型。直线和曲线不再必须形成一条链。相反,它们可以在任意两点之间移动。

Figma 还具有优秀的开发人员移交特性,当需要向开发人员提供 UI 来准备发布时。

Sketch 可以使用它的集成来弥补它的许多特性缺点。比如 Zeplin 就是一款可以用于开发者 handoff 的 app。

性能和速度

你的速度会受到很多因素的影响,从你硬盘上的空间到你为网站选择的主题。Figma 没有报告速度或滞后问题,协作设计会议可以实时进行。

Sketch 是 Mac 上本地安装的软件,所以网速不会影响它的性能。因此,它拥有高性能和速度,甚至可以在您的设备离线时运行。

样机研究

Figma 在原型开发时提供了更多的 UI 触发器。这些触发因素包括:

  • onclick
  • 悬停时
  • 拖动时

Figma 还包括一个稳定的原型预览,优于 Sketch 上提供的内容。您可以利用原型屏幕之间的标准过渡。这包括随意搬进搬出。

Figma 甚至使用智能动画功能,让您只需点击几下就可以创建高级动画。然而,Figma 不包括页面之间的链接来连接您的框架。

Sketch 有原型插件,使整个过程更加流畅。其中包括 Mockplus Cloud、InVision Craft 和 Flinto。

借助这些强大的工具之一,为您的最佳网页设计体验做好准备🛠 点击推文

摘要

Figma 和 Sketch 是流行的 UI 设计平台,在这些平台上你可以开发许多优秀的、用户友好的网站。至于您应该使用哪一种,这主要取决于您在寻找什么。这对于选择你的 UI 设计工具和选择你的电子邮件客户端都是一样的道理。

如果你主要在 Mac 上工作,喜欢离线工作,因此利用一个巨大的集成库来帮助创建一个更加个性化的体验,那么 Sketch 是适合你的。

如果您想要一个免费的选项,在 PC 上工作,需要灵活的协作,并希望使用灵活的矢量操作,那么 Figma 可能是您正在寻找的答案。

如果你正在为你使用这些系统创建的 WordPress 网站寻找高质量的托管服务,只需看看 Kinsta 就行了。今天就安排一次演示,看看 Kinsta 的代理托管计划如何与您的 UI 设计平台携手合作,创造一个自始至终的无缝体验。

设计项目需要帮助吗?查看我们的代理目录以获得可信代理的完整列表。通过项目价格、框架等进行搜索。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

什么是文件完整性监控?(以及为什么您需要了解更多信息)

原文:https://kinsta.com/blog/file-integrity-monitoring/

使用强密码的默认和最新的 WordPress 安装是非常安全的。然而,在互联网上生存是不够的。

这就是文件完整性监控(FIM)发挥作用的地方。文件完整性监控工具或插件监控您站点的文件,并在文件上传、编辑、删除等任何更改时向您发出警报。

文件完整性监控有助于您提前发现安全漏洞,并识别可能使您的网站遭受黑客攻击的错误。

在本帖中,我们将为您提供文件完整性监控的全面介绍,并解释它如何提高您站点的安全性。我们也将分享一些不同的工具和插件,你可以用它们在你的 WordPress 站点上实现这个安全解决方案。

我们开始吧!

文件完整性监控简介

当涉及到保护和维护网站和服务器等基础设施时,文件完整性监控是关键。这个解决方案验证给定环境的完整性,也就是说,它检查站点文件的内容是否发生了意外的更改。

您可以使用文件完整性监控来检测操作系统、web 服务器和 web 应用程序(如 WordPress)中的文件更改。它甚至可以用于监控基于文件的软件解决方案,如数据库和配置文件。

使用文件完整性监控解决方案的组织更有可能在早期发现安全漏洞,使他们有更好的机会保持在线并阻止任何重大损害。因此,文件完整性监控主要被认为是一种安全解决方案。

然而,这个解决方案也可以实现其他目标。在某些情况下,它可以监控以下方面的软件和操作系统配置更改:

  • 服务器上的开放端口配置。
  • web 服务器和网络服务配置。
  • 在服务器上运行或停止服务(守护程序)。

甚至计划中的文件更改有时也会给你的 WordPress 站点带来问题。通过使用文件完整性监控跟踪您的所有修改,您可以轻松确定与文件更改相关的错误的可能原因。

这使得故障排除速度更快,因此您可以让您的站点立即恢复运行

文件完整性监控的工作原理

文件完整性监控的工作原理是获取站点文件的“指纹”,然后相互比较。如果指纹不同,这意味着文件已经改变。

为了创建指纹,文件完整性监视器(也称为文件完整性扫描器)扫描单个文件,并通过对文件运行加密哈希函数来创建“校验和”——与该文件相关联的唯一数据字符串。

Site file fingerprints

Site file fingerprints

文件完整性监控对于检查其他文件属性也很有用,例如权限和修改日期。这些检查是至关重要的,因为即使是文件权限的简单更改也可能使系统受到攻击。

为什么文件完整性监控很重要

使文件完整性监控成为必备安全解决方案的一个方面是它的双重优势,即被动和主动安全解决方案。

作为主动安全性的文件完整性监控

主动安全的一个例子是识别开发人员在您的网站上工作时所犯的错误,这些错误可能会暴露您的网站。错误的文件权限、包含敏感信息的剩余文件(如数据库备份或源代码文件)是文件完整性监控可以主动识别的安全威胁的典型例子。

作为反应式安全性的文件完整性监控

文件完整性监控解决方案还可以指出在遭受黑客攻击后您的站点上发生了什么变化,或者恶意软件被注入了哪些文件。

除此之外,它甚至可以通过监控重要的 WordPress 站点文件来检查网站设置的变化,比如wp-config.php。htaccess 文件。

多亏了这些关键信息,你可以将你的网站恢复到之前的(干净的)状态,并在尽可能短的时间内清理掉任何类型的恶意软件或“坏代码”。

合规要求

对于某些人来说,法律可能还要求进行文件完整性监控。支付卡行业数据安全标准 (PCI DSS)要求合规站点:

部署更改检测机制(例如,文件完整性监控工具)以提醒人员注意未经授权的修改

管理网站访问者的敏感信息是一项严肃的责任。如果您在网站上存储任何类型的客户数据,尤其是持卡人数据,启用文件完整性监控有助于您确保此类数据不会被任何人篡改,并使您符合法律规定。

PCI DSS

PCI DSS

为什么你的 WordPress 站点需要文件完整性监控

WordPress 是一个网络应用程序,它由两种类型的文件组成:非可执行文件和可执行文件。

前者多为日志和媒体文件。日志通常由插件和主题生成,而媒体文件是那些你上传到你的网站的,比如图像、视频、pdf 等等。它们是不可执行的,因为 web 服务器不执行它们,而只是为它们服务。

大部分不可执行文件存储在 WordPress 的/wp-content/uploads/目录中。对不可执行文件的更改不会对您网站的安全性性能或功能产生影响。事实上,默认情况下,大多数文件完整性监控解决方案都不扫描这些文件。

另一方面,可执行文件包括 PHP 、JavaScript 和其他包含站点源代码的文件,如 WordPress 核心、插件、主题和您可能有的任何自定义 web 应用程序。可执行文件中的更改可能会发生,但仅当您:

对你的 WordPress 站点的可执行文件的任何其他改变都可能是入侵、恶意软件注入或开发者错误的迹象。在你的 WordPress 站点上运行一个文件完整性监控插件可以帮助你在这些问题对你的网站的安全和功能造成真正的威胁之前发现它们。

简单回顾一下:文件完整性监控可以帮助您识别本应删除的测试文件、大多数恶意软件注入(建议:我们对 SQL 注入的深入指导)——包括后门、重定向、特洛伊木马和任何其他有害的文件更改。

当与活动日志结合使用时,文件完整性监控可以让您全面了解您的站点上一直在发生什么。您可以进行黑客攻击后的取证,以确定哪些文件是被攻击的目标以及被谁攻击,还可以增强文件周围的安全性,以防止未来的攻击。

两种不同类型的文件完整性监控方法

文件完整性监控的基础总是相同的:比较在不同时间点获取的单个文件的指纹。有几种方法可以实现这一点。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

1.将文件与中央存储库进行比较

一种常用的方法是通过使用 WordPress 插件将指纹与中央存储库进行比较(更多关于插件的内容见下文)。在这种情况下,插件会将你网站的 index.php 文件的指纹与 WordPress 最新发布的 index.php 文件的指纹进行比较。

使用这种方法的优点是,您可以很容易地确认您的文件是否与原始文件相同。但是,由于您将数据与中央存储库进行比较,因此存在一些缺点:

  • 该解决方案无法识别分布式配置文件中的更改,如。htaccess 和 wp-config.php。
  • 如果你自定义你的网站代码,你会被误报。
  • 该插件只能比较已知应用程序(WordPress core)的文件,有时也比较流行插件的文件。
  • 这些解决方案无法检测定制应用程序或插件的变化,因为没有什么可以与之比较。
  • 您的网站的安全性取决于供应商更新原始指纹的速度或中央存储库的可用性。

Comparing files

Comparing files

2.将文件与自己生成的数据进行比较

由于基于中央存储库的方法的局限性,比较两组自己生成的数据是首选方法,也是最佳实践所建议的。这种类型的解决方案通过将指纹与他们自己以前的扫描进行比较来检测文件更改。

这意味着插件在安装时生成第一个指纹。然后,当它再次扫描文件时,它会将新的指纹与原始扫描的指纹进行比较。无论何时记录到文件变更,你都可以配置插件来自动接受变更或者向你发送警告。

这种方法优于前一种方法,因为它有以下优点:

  • 它可以检测自定义代码中的变化。
  • 系统会适应您的网站(您可以验证更改并更新指纹,从而支持持续定制)。
  • 它报告的假阳性明显更少。

由于这些原因,当寻找一个文件完整性监控工具或插件时,你会希望选择一个基于自生成数据的工具。

您可以使用 3 种文件完整性监控工具来保护您的站点

有几种不同的文件完整性监控解决方案可用。我们将它们分为以下三个基本类别。让我们从头开始!

1.服务器级软件解决方案

这些解决方案安装在 web 服务器的操作系统上,并检查 web 服务器上的所有文件。这意味着只有当你有自己的网络服务器或 VPS 时,你才能使用它们。

市场上有几种选择,例如:

与宕机和 WordPress 问题做斗争?Kinsta 是一款考虑到性能和安全性的托管解决方案!查看我们的计划

作为服务器级的解决方案,这些并不是专门针对 WordPress 驱动的网站。所以他们可能会产生很多假阳性。最重要的是,它们非常昂贵,并且需要高级知识来设置和管理。

2.WordPress 插件

如果你想要一个更适合 WordPress 的文件完整性监控解决方案,有各种插件可以完成这个任务。

网站文件更改监视器

网站文件更改监视器是 WordPress 的专用文件完整性监控插件。它是免费的,当它检测到文件变化时,它会通过电子邮件提醒你。

File Integrity Monitoring: File changes view with menu

File changes view with menu

该插件使用自己生成的数据进行文件比较,您可以启动按需扫描。这是一个完全可配置的 WordPress 文件完整性监控解决方案,你可以排除文件和目录,配置扫描时间表,等等。

真正让这个插件与众不同的是,它是唯一一个完全了解 WordPress 核心、插件和主题变化的插件。

WordPress 文件监视器

WordPress File Monitor 也是一个专用的文件完整性监控插件,使用自己生成的数据进行比较。然而,它不知道 WordPress 核心,插件和主题的变化,你可能会得到许多关于文件变化的误报。

File Integrity Monitoring: False-positive alerts

False-positive alerts

误报警报可能会对网站产生非常负面的影响,因为不了解安全的用户无法验证警报是由关键事件还是仅仅是安全的文件更改生成的。

其他插件选项

以上是 WordPress 仅有的文件完整性监控插件。其他具有文件完整性监控功能的插件是一体化安全解决方案的一部分,如 Sucuri SecurityiThemes securityWordfence

这两个插件都使用了将文件与中央存储库进行比较的方法,并且不知道站点结构的变化,也就是说,它们只识别 WordPress 核心和一些流行插件的变化。

3.开源文件完整性监控工具

如果你不喜欢插件,你可以考虑使用开源工具来监控你的文件。例如,Tripwire 提供了其平台的开源版本,提供免费的安全功能,包括文件监控。也就是说,这个版本不如付费版本有效。

另一个要考虑的开源平台是 OSSEC :

The OSSEC platform

The OSSEC platform

这是一个流行的免费安全解决方案,它能够执行文件监控任务。然而,像我们提到的许多其他工具一样,它在服务器级别工作。虽然它可以和 WordPress 一起使用,但只有在你有专用服务器或 VPS 的情况下它才能工作。

此外,如果您选择 OSSEC,您将需要做一些高级配置,但它可能仍然不是最准确的解决方案。

开源安全平台最有趣的一点是,如果您了解代码,您可以调整这些工具以包含扩展的功能并满足您的偏好和需求。

Concerned about the security of your site? Learn what File Integrity Monitoring is and take it to the next level! 💪🔐Click to Tweet

摘要

WordPress 安全是一件严肃的事情。采取预防性措施来保护您的网站、内容、业务和用户数据是关键。文件完整性监控只是游戏的一部分。同样重要的是有一个 WordPress 备份系统来恢复你的文件,以防攻击发生。

在这篇文章中,我们展示了文件完整性监控是如何满足这两种需求的,并分享了你可以在 WordPress 站点上使用的三种类型的文件完整性监控解决方案:

  1. 服务器级软件解决方案,如 Tripwire(有效,但可能非常昂贵)。
  2. 免费的 WordPress 插件,如网站文件更改监视器
  3. 开源工具,如 OSSEC。

您对文件完整性监控有任何疑问吗?请在下面的评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

找到某人电子邮件地址的 13 种方法(提升你的拓展游戏)

原文:https://kinsta.com/blog/find-email-address/

所以你想找到某人的电子邮件地址。

也许你想接触一位有影响力的人,寻找潜在的销售线索,或者你只是想问某人一个简短的问题。

有很多原因可以让你寻找一个特定的电子邮件地址。幸运的是,也有很多不同的(聪明的)方法来找到它们。

更喜欢看视频版

为什么找到正确的电子邮件地址很重要

如果你正在发送一封重要的电子邮件,你需要把它送到正确的人面前。为什么?因为很难引起人们的注意。要知道只有 8.5%的外展邮件收到回复。

让合适的人阅读你的邮件会增加你得到想要的回复的机会。所以花时间找到某人的电子邮件地址并修改你的信息是 100%值得的。

如果你想联系一个你不认识的人或者你以前从未说过话的人,这一点尤其正确。

现在,让我们去搜索邮件……

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

如何找到某人的邮箱地址?

以下是我过去使用过的一些最可靠的方法和工具——现在仍然在使用——来寻找一个人的电子邮件地址。开始吧!

1.使用电子邮件查找工具

查找电子邮件地址最简单的方法之一是使用电子邮件查找服务。你只需要输入一个人的名字和/或网址,工具就会为你搜索相关的地址。

Find email address: Use an email lookup service

Use an email lookup service (like Hunter)

虽然它们非常有用,但不能保证每次使用时都能获得成功的结果。免费搜索是有限的,付费搜索可能会非常昂贵,尤其是如果你没有得到你想要的地址。

好消息是网上有几乎无穷无尽的电子邮件查找工具列表,所以你有很多选择来看看哪些对你有用。

电子邮件查找服务的工作方式几乎都是一样的:你输入一个名字,试着尽可能地精简它,然后这个工具就会找到最好的电子邮件。

话虽如此,还是有一些不同的定价选项和工具类型可供选择。

下面是一些最流行的电子邮件查找工具,可以帮助你入门(以及它们的价格):

  • 找到那封邮件–每月 50 次免费搜索。付费账户每月 29 美元,500 次搜索(0.058 美元/次搜索)。
  • 寻找专家–每月 300 次免费搜索。付费账户每月 39 美元,可搜索 5000 次(0.008 美元/次)。
  • snov . io–每月 50 次免费搜索。1,000 次单次搜索或 500 次批量搜索的付费账户为 29 美元起(0.029 美元/次搜索)。
  • 瞧,诺贝特–50 次免费搜索的免费试用。1000 次搜索的付费账户每月 49 美元起(0.049 美元/次搜索)。
  • 来自 Hunter 的Email Finder-每月 50 次免费搜索。1000 次搜索的付费账户每月 49 美元起(0.049 美元/次搜索)。
  • 每月 50 次免费搜索。5000 次搜索的付费账户每月 49 美元起(0.0098 美元/次搜索)。
  • eMail-Prospector Pro–50 次免费搜索的免费试用。付费账户每年 1195 美元起,限 4000 次搜索(0.299 美元/次搜索)。
  • FindEmails.com–50 次免费搜索的免费试用。500 次搜索每月收费 19 美元(0.038 美元/次)。
  • contact out–每月 40 次免费搜索。1800 次搜索的付费账户每月 29 美元起(每次搜索 0.0161 美元)。

如何免费找到别人的邮箱?

如果你的预算紧张,这里有三种免费快速查找邮件的方法:

  • Clearbit Connect 是一个 Gmail 和 Outlook 插件,它从各种来源以及他们自己的数据库中寻找一个人的电子邮件(相关:查看最佳 Gmail 插件和扩展以提高您的工作效率)。
  • GetProspect 是一个 Chrome 扩展,允许你通过名字和域名找到某人的电子邮件地址。
  • RocketReach 可以快速为你找到电子邮件,尤其是当你的目标相当高调的时候。只需注册一个免费帐户,并开始电子邮件狩猎。

2.在 DuckDuckGo 上使用“@domainname.com”

这个鲜为人知的技巧是一个很好的方法,只需使用另一个搜索引擎就可以找到电子邮件地址。

在 DuckDuckGo 中对“@domainname.com”进行精确匹配搜索,将会得到与该域相关的任何公开的电子邮件地址的结果。

如果你想联系某个特定的人,你可以在搜索中包括你的潜在客户的名字,或者只是保持它的一般性。

Find email address: Finding emails on DuckDuckGo

Finding emails on DuckDuckGo

这是一个很方便的技巧,在 DuckDuckGo 和其他几个搜索引擎中非常有效。不幸的是,谷歌使用“@”作为社交媒体标签,所以这一招不管用,在必应中也不管用。

3.使用 Twitter

人们有时会在他们的推文或 Twitter 个人信息中包含他们的电子邮件地址,但试图通过使用“点”和“在”而不是“在”来隐藏它们。还有“@”。

前往 Twitter 高级搜索,在潜在客户的推文中搜索“at”和“dot”。

你可以选择要查找的确切短语、要忽略的单词、标签、具体账户和时间范围。在这里玩一下输入。尝试包含诸如“电子邮件”、“接触”或“联系”等词,以更好地过滤结果。

Use Twitter advanced search to find emails

Use Twitter advanced search to find emails

这听起来很大胆,但你也可以试着简单地在 Twitter 上问他们的电子邮件地址。

为了让你的推文最有可能被注意到并得到回应,请保持简洁,并包括一个令人信服的理由让他们回复:

Find email address

Sometimes you just have to ask directly to get their email address

你也可以通过他们的直接信息来接近他们,比起他们的回复或提及,你的潜在客户更有可能看这些信息。根据他们的隐私设置,您可能需要先关注对方,然后才能向他们发送 DM。

如何查看任何人的旧推文?

实际上,你可以尝试使用 Twitter 的最后一个策略来检查用户过去的推文。通过使用我的所有推文应用程序,你可以免费生成一个多达 3200 条任何人过去推文的列表。

下面是它的使用方法:

前往我的所有推文并使用您的 Twitter 帐户登录。

View all tweet from a user on one page via All My Tweets

View all tweet from a user on one page via All My Tweets

然后输入你想联系的网站或个人的 Twitter 账号,以获取他们的推文。

Add a username to view all tweets

Add a username to view all tweets

一旦你列出了这些,只需点击 Ctrl/Cmd+F,搜索类似于@域名、【联系人】、、【电子邮件】、的东西,以及其他可能显示电子邮件地址的变体。

4.订阅您的潜在客户电子邮件列表

大多数网站都会有一个邮件列表

Find email address: Subscribe to an email list

Subscribe to an email list

如果你的潜在客户的网站或博客有一个时事通讯,订阅他们的邮件列表,因为许多时事通讯都是从个人电子邮件地址发送的。这可能是获取您正在寻找的电子邮件地址的一种快速而简单的方法。

即使它是从一个普通的【电子邮件保护】地址发送的,试着回复一个时事通讯来分享一个观点或问一个有见地的问题,你可能会得到回应。

这可以帮助你与潜在客户建立关系,并让你将来有更好的机会获得他们的个人电子邮件地址。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

5.通过通用电子邮件地址或联系方式询问

大多数网站在其网站上都有一个联系表或者提供一个通用的【电子邮件保护】电子邮件地址用于一般查询。

A standard contact form example

A standard contact form example

虽然这些可能是由管理人员操作的,但你可以试着用它们来询问如何与你理想的潜在客户取得联系。

6.查看联系人和关于我们的页面

有时候最简单的解决方案是最好的。许多网站在联系人关于我们或团队会面页面上包含个人电子邮件地址。

然而,在网站的导航中,这些页面往往很难找到。如果您看不到您要查找的内容,请检查页脚或尝试以下常见的 URL 格式:

  • example.com/contact
  • example.com/contact-us
  • example.com/contact-me
  • example.com/about
  • example.com/about-me
  • example.com/about-us
  • example.com/team
  • example.com/our-team
  • example.com/meet-the-team

7.查看作者页面

另一个简单的起点是你的潜在客户的博客或网站上的作者页面,这是从他们写的任何文章的名字链接到的。

这个页面上经常会有很多信息,特别是如果他们使用了默认的 WordPress 主题和设置。

8 .从 WHOIS 查找

如果你试图找到一个有网站的人的电子邮件地址(可能是一个独立企业主企业家作家),你有时可以在他们网站的 WHOIS 信息中找到他们的联系信息。

注册域名时会用到 WHOIS 数据,这些数据是公开的,为您提供域名所有者的信息。法律要求每个有网站的人都要分享他们的联系方式。只需前往 who.is 并搜索您正在寻找的电子邮件的域名:

Find email address: WHOIS lookup

WHOIS lookup

顺便说一下,还有其他 WHOIS 查找工具,如:

使用哪种工具并不重要。如果你幸运的话,你可能会看到用来注册这个域名的电子邮件。然而,WHOIS 提供了一个选项来从他们的公共数据中隐藏您的公共信息,所以这可能并不总是有效。

9.使用谷歌(和搜索运营商)

道歉:这是显而易见的,但仍可能被忽略。将谷歌用于其预期用途:搜索。

厌倦了你的 WordPress 站点缓慢的主机?我们提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。查看我们的计划

键入你的潜在客户的名字和“电子邮件地址”,你可能会走运。

然而,如果你要找的人有一个普通的名字,这可能会很困难。即使他们有一个独特的名字,你可能也走不远。

你可以通过一些谷歌搜索运营商来帮助缩小搜索范围。这些都超级好用。只需在谷歌中输入运营商,然后搜索:

  • [姓名] +电子邮件(或)电子邮件地址
  • [姓名] +联系人(或)联系信息(或)联系我
  • [姓名] +“家乡”
  • [姓名] +“他们工作的公司”
  • [姓名] + LinkedIn
  • [姓名] + ZoomInfo
  • [姓名] +电子邮件
  • [姓名] +联系人

如果你对你的潜在客户有更多的了解(比如他们在哪里工作),你可以试试这些:

  • 站点:company website . com+[姓名] +电子邮件
  • 站点:company website . com+[姓名] +联系人
  • site:company website . com+first name . last name[at]companyname.com
  • site:company website . com+first name last name[at]companyname.com
  • site:company website . com+first name[at]companyname.com
  • site:company website . com+first name _ last name[at]companyname.com

10.使用脸书

当建立一个脸书网页时,人们经常尽可能多地输入信息,然后就忘记了。

只要转到个人资料的“关于”页面,您就可以看到他们添加的电子邮件地址:

Find email address: Find emails on Facebook

Find emails on Facebook

这使得脸书成为一个为你的潜在客户搜索电子邮件地址的好地方,很可能会给你他们最常用的电子邮件地址,而不是更通用的地址。

11.检查你自己的电子邮件列表

根据你在行业内的知名度,你可能会发现一些潜在客户已经订阅了你的时事通讯。

快速搜索一下你的电子邮件列表,就能毫不费力地找到你想要的东西。

大多数电子邮件营销软件将允许你搜索你的联系人列表。下面是它在 Mailchimp 中的样子,例如:

Look for emails in your email marketing software

Look for emails in your email marketing software (like MailChimp)

12.导出你的 LinkedIn 关系

你知道 LinkedIn 允许你输出你的关系吗?

因此,如果你和你的潜在客户有联系,你也许可以得到他们的电子邮件地址。

如何导出 LinkedIn 连接?

第一步——点击 LinkedIn 主页顶部的 Me ,然后从下拉菜单中选择设置&隐私

Export emails from LinkedIn

Export emails from LinkedIn

步骤 2–点击隐私标签,向下滚动到获取你的数据副本(在 LinkedIn 如何使用你的数据部分下):

Download email data from LinkedIn

Download email data from LinkedIn

步骤 3–勾选连接框并点击请求存档

Copy LinkedIn data to get email addresses

Copy LinkedIn data to get email addresses

大约 10 分钟后,你会收到一封电子邮件,里面有你所有联系人的电子邮件地址。

这个方法要负责任的使用,防止你失去 LinkedIn 账号

13.进行有根据的猜测

仔细想想,几乎所有的电子邮件地址都遵循相同的模式。它们通常基于非常简单的格式。

因此,如果你知道你的潜在客户的名、姓和域名,你就能猜出他们的电子邮件地址。

如果你已经有了同一家公司其他人的电子邮件地址,你大概就能知道他们用的是哪种结构。

如果没有,请尝试以下常用公式:

  • [name]@example.com
  • [name].[surname]@example.com
  • [name][surname]@example.com
  • [initial].[surname]@example.com

Need to start an outreach campaign but missing some email addresses? Find anyone's email address using one of these 13 pro tactics and tools! 🕵️🔦Click to Tweet

摘要

现在我们知道了,如何找到某人的电子邮件地址。请记住:权力越大,责任越大。

所以明智地使用这些邮件查找方法。不要给人发垃圾信息!不要出售别人的电子邮件地址。不要惹恼你联系的人…你只是错过了一个联系和建立(商业)联系的好机会。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

最佳的 Firebase 替代方案(7 个选项)

原文:https://kinsta.com/blog/firebase-alternatives/

Firebase 通常是人们想到的第一个无需大量编码就能开发移动和网络应用的平台。然而,尽管它提供了许多有用的功能,Firebase 并不是开源的。这意味着您对应用程序开发几乎没有控制权。

幸运的是,有一些优秀的 Firebase 替代产品可以提供更多的定制和控制。例如,您可以访问更多的托管选项,使用多个数据库,并轻松扩展您的应用。

在这篇文章中,我们将仔细看看使用 Firebase 的缺点。然后,我们将讨论为什么您可能会考虑切换到不同的解决方案。最后,我们将探索 7 种最佳的 Firebase 替代方案。我们开始吧!

使用 Firebase 进行应用程序开发的缺点

Firebase 是一个开发平台,可以帮助您构建和发展应用程序和游戏。它由谷歌支持,被 Duolingo、Wattpad、Trivago 和《纽约时报》等公司使用:

Firebase development platform

Firebase

您可以使用该平台个性化您的入职流程,提高用户参与度,并添加新的功能类型。然而,尽管 Firebase 有很多优点,但它也有很多缺点,这使得它不再是一个有吸引力的开发平台。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

Not a fan of Firebase... or just looking for something open-source? 🔥 Read more here 🚀Click to Tweet

1.供应商锁定

有了供应商锁定,您对应用程序的源代码几乎没有控制权。这不仅会让开发者感到沮丧,还会让风险投资家和天使投资人不愿意为你的初创公司提供资金。

此外,由于 Firebase 是一个闭源平台,可伸缩性可能会受到限制。因此,您最好找一个能够提供更多灵活性的开源框架。

2.费用

对于 Firebase,免费计划仅适用于小型应用程序。一旦您的应用程序增长,服务器成本可能会大幅增加,这可能会超出您的预算。

由于 Firebase 不提供固定价格的结构,您将根据应用程序的服务器资源付费。你也不能设定每月的最高预算。因此,如果你不小心的话,你很快就会欠下一大笔账单。

3.主办;主持

Firebase 由谷歌支持,所以你只能使用谷歌云平台。对于复杂的应用程序,这并不总是理想的。这意味着您不能在专用实例上运行您的应用程序或定制您的服务器设置。

4.数据库ˌ资料库

Firebase 使用闭源 NoSQL 数据库。它提供非常有限的查询和索引功能。因此,很难完成某些任务,比如迁移数据(使用 SQL 数据库更容易)。

更重要的是,你不能执行操作来获取活跃用户,也不能使用批量操作来更新文档。这些限制使得 Firebase 的效率和直观性不如预期。

为什么您应该考虑改用 Firebase 替代产品

虽然 Firebase 是一个受欢迎的平台,但它并不像它应该的那样用户友好或灵活。以下是您应该考虑使用 Firebase 替代产品的主要原因:

  • 托管选项。有了 Firebase,你只能使用谷歌云平台。然而,使用开源平台,您可以将应用程序部署到您选择的任何云解决方案中。
  • 灵活性。有了许多 Firebase 的替代品,您可以完全控制您的代码,而没有供应商锁定的风险。
  • 持续改进。采用开源框架的 Firebase 替代方案将定期接受审查,以确保其符合安全标准。此外,您可以经常访问各种错误修复和其他改进,以使您的应用程序受益。
  • 用户友好性。正如我们所讨论的,使用 Firebase 进行编码和应用程序开发不是很直观或高效。通过切换到开源平台,你通常可以更快地编辑代码。
  • 可达性。开源 Firebase 替代品可以免费下载并公开访问。
  • 可扩展性。通过切换到开源 Firebase 替代方案,您可以获得更大的灵活性。此外,您可以获得更多稳定性支持,帮助您扩展应用程序。

此外,在开发应用程序时,您可以从使用开发平台或本地环境中受益。在这里,您可以测试更改,而不会影响您的生活环境。DevKinsta 是一个很好的选择:

DevKinsta development suite

DevKinsta

我们的套件是由 Docker 支持的,它具有更低的资源占用和接近本机的性能。您可以利用本地数据库工具在本地系统上开发主题、插件和自定义网站。然后,当您准备好上线时,您可以将您的应用程序直接推送到 Kinsta。

最佳 Firebase 替代方案(7 大选项)

现在你知道为什么你应该考虑切换到 Firebase 的替代品,这里有 7 个顶级选择来帮助你为你的应用选择最好的平台!

1.金斯塔

Kinsta Application Hosting

Kinsta

您的应用程序开发应该得到最好的一切。这正是当您选择加入超过 55,000 名其他开发者和数字企业家的 Kinsta 的平台即服务(PaaS) 时所得到的。

Kinsta 在五大洲提供 26 个酒店。每个地方都有运行在谷歌顶级网络上的最快的谷歌 C2 机器。无论您是 CTO、工程师还是开发人员,Kinsta 都能提供一个稳固的基础设施,它可以快速设置、经过测试、可靠并且随时可以扩展。

所有你喜欢的框架都被支持。这包括 PHPNode.js 、Ruby、 Java 、Python、 GOScala 。Kinsta 让你能够从 2 个不同的构建选项中进行选择。您可以自动设置您的容器映像,它们将确定正确的构建包,或者您可以使用您自己的定制 docker 文件。

它们提供了一个定制的仪表板,用户可以在其中跟踪部署、运行时、构建时和带宽使用情况。

Kinsta 为易于使用的现代 web 应用程序提供了一个新家。只需连接您的 GitHub 帐户并选择一个存储库。您可以自动或手动部署您的应用程序,并分别构建、扩展和运行您的流程。

特征

  • 只需点击一下鼠标,即可获得全天候全球实时聊天支持。
  • 谷歌 C2 机器和溢价层网络准备扩大任何网络应用。
  • 以提供同类最佳防火墙、DDoS 保护和 SSL 的 Cloudflare 集成为后盾。
  • 设置后,支持自定义 SSL,轻松将流量路由到域。
  • 直接从 GitHub 部署。
  • 应用程序以最高效率运行,因为 Kinsta 通过 GKE (Google Kubernetes 引擎)管理它们机器之间的分布。
  • 使用 PHP、Node.js、Ruby、Java、Python、GO 和 Scala 构建。

定价

Kinsta 使用基于资源的定价模型。您可以完全控制以任何方式构建和运行应用程序。因为他们的定价是基于使用量的,你只需为你使用的东西付费。定价简单、透明且可预测。

2.从语法上分析

Parse development platform

Parse

Parse 是开发预算有限的应用程序的最流行的框架之一,因为它是开源和免费的。更好的是,它易于实现和使用,可以在任何云上运行,并且您可以使用 Node 在本地测试和开发您的应用程序。

自托管也是可能的,因为您可以在自己的服务器上下载并运行 Parse。此外,Parse 有一个专门的开发人员社区,使您能够从专家支持和快速故障排除中受益。

特征

  • 使用 MongoDBPostgreSQL 数据库(而不是只有一个带有 Firebase 的 NoSQL 数据库)
  • 通过社交登录和电子邮件通知提供简单的身份验证流程(无需使用第三方)
  • 使您能够以最少的努力创建端到端的graph QLAPI

定价

免费。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

3.库兹尔

Kuzzle development platform

Kuzzle

Kuzzle 以缩短上市时间而闻名(TTM),声称将 TTM 提高了 40%。它提供了一个可扩展的服务器,非常适合快速增长的应用程序。您还可以从多协议 API、管理控制台、地理围栏和快速搜索中受益。

此外,您可以在内部和内部网上进行扩展,包括任何云服务、Linux 或 Docker 基础架构以及物联网硬件。因此,Kuzzle 是一个灵活的解决方案,使您能够以最适合自己的方式工作。

特征

  • 访问实时查询订阅。
  • 受益于实时发布/订阅引擎,提供更好的用户界面(UI)。
  • 使用集群模式在两个以上节点的集群中配置 Kuzzle,以实现高可用性和大规模部署。

定价

你可以免费下载 Kuzzle 后端,或者订阅 Kuzzle 托管和管理的平台。付费计划每月起价 80 美元。

4.Back4App

Back4app development platform

Back4App

Back4App 基于 Parse 平台,但作为 Firebase 的“低代码”替代产品上市。它的界面像电子表格一样组织,使其直观且易于使用。

它还提供了比 Firebase 更多的数据库,因此您不会局限于一家供应商。相反,您可以找到更多选项来实现快速数据同步和更新。此外,您可以获得全面管理的服务,包括 24/7 支持、 CDN内置缓存以获得更快的性能。

特征

  • 将 GraphQL 和 Rest API 用于所有数据库操作
  • 提供实时查询功能,使您能够执行实时同步并为用户提供最新数据
  • 使用关系数据库,使得查询关系数据、执行地理查询和聚合函数变得容易

定价

Back4app 每月 25K 次请求免费,250MB 数据和 1GB 文件存储。付费计划每月起价 25 美元。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

5.Supabase

Supabase development platform

Supabase

Supabase 称自己是一个“开源 Firebase 的替代品”。它依赖于关系数据库,使用 PostgreSQL 实现功能和可伸缩性。您可以执行复杂的查询或文本搜索。另外,您可以使用轻松导入数据。sql 文件。

更好的是,使用 Supabase,您可以灵活地在本地机器、云服务提供商或 Docker 容器中托管您的应用程序。

特征

  • 与谷歌、苹果和脸书等第三方认证服务集成(并支持 SAML 等企业登录)
  • 访问实时数据库监听器
  • 利用了一个 JavaScript 库和 API

定价

Supabase 对两个 500MB 数据库和 1GB 文件存储的项目是免费的。付费计划每月起价 25 美元。

6.AWS 放大器

AWS Amplify development platform

AWS Amplify development

AWS Amplify 是亚马逊的云平台服务。它提供了一组工具,您可以一起使用或单独使用。您可以使用 Amplify Auth 快速设置安全认证。同时,由于 AWS 的原生授权功能,您可以控制谁可以访问您的应用程序。

更重要的是,AWS Amplify 特别适合人工智能/机器学习。此外,对于入职流程、实时协作和有针对性的推送通知来说,这是一个很好的框架。该平台的一个独特功能是,您可以通过设计到编码 Figma 集成可视化地构建您的前端 UI。

特征

  • 支持多种框架,如 JavaScriptVueNext.js 、Angular 以及 iOS、Flutter、Android、React Native 等移动平台
  • 支持您使用超过 175 项服务扩展您的应用,以支持新的使用案例、开发运维实践和用户增长
  • 允许您将应用程序连接到新的或现有的 AWS 后端

定价

您可以访问免费层,其中包括每月 1000 分钟的构建时间和 5GB 的存储空间。免费计划在一年后到期,然后你将不得不按需付费。

7.无尽的

Backendless development platform

Backendless

Backendless 是一个可视化的 app 开发平台。由于它是无代码的,它使用一个可视化的前端构建器来创建后端逻辑,使开发和管理应用程序变得容易。

您还可以访问更多的托管选项,包括云托管、自托管和专用服务器。更好的是,Backendless 是一个完全灵活和可定制的选项,以三种形式提供云代码。例如,您可以使用云代码计时器、API 事件处理程序和 API 服务来定制您的后端解决方案。

特征

  • 使用易于管理和使用的可扩展 API。
  • 访问结合了 SQL 和 NoSQL 精华的动态数据库。
  • 利用跨平台的 SQL 驱动的条件交付。

定价

免费计划仅在完成 Backendless 任务时可用。或者,你可以通过 Backendless marketplace 解锁访问。另一方面,付费计划的起价是每月 25 美元。

While it offers many useful features, Firebase isn’t open source... so if you're looking for other options, start here ✅Click to Tweet ## 摘要

虽然 Firebase 是一个成熟的平台,使您能够开发和启动您的应用程序,但它有一些限制。它的闭源特性意味着你无法控制你的应用程序的源代码,并且在托管选项上没有多少自由。

这就是为什么找到一个提供更多灵活性和控制的 Firebase 替代方案是一个好主意。例如,你可以通过 Backendless 这样的平台访问三种主机(包括一个专用服务器)。同时,您可以使用 Supabase 访问 SQL 数据库,从而执行复杂的查询和文本搜索。

DevKinsta 是我们的免费开发工具套件,可帮助您构建、测试和部署应用。它为开发定制站点、插件、主题等提供了一个本地环境。此外,您还可以从开源数据库中受益,并将其部署到 Kinsta 在全球的数据中心之一。立即开始使用 Kinsta 的快速、安全且可扩展的应用程序托管,第一个月可节省 20 美元


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

2022 年 12 个最佳火狐扩展和插件

原文:https://kinsta.com/blog/firefox-extensions/

你是否在寻找 Firefox 扩展来帮助你将你的浏览器体验提升到一个新的水平?不要再看了。

扩展和附件可以改善你的浏览体验,帮助你做从管理你的密码到记录你的屏幕的一切事情。

如果 Firefox 缺少任何功能,您可以通过扩展添加您需要的功能。

本文将分解如何安装和管理扩展。它还将展示各种类别中 Firefox 可用的最佳扩展和插件。

请继续阅读,了解如何充分利用您的 Firefox 浏览体验。

什么是 Firefox 扩展(也称为 Firefox 附加组件)?

火狐扩展,以前被称为火狐插件,是在网络浏览器中运行以扩展其功能的小程序。

例如,Privacy Badger 是一个扩展,你可以安装到 Firefox 上,以阻止不可见的跟踪脚本跟踪你在网上的一举一动。

Firefox extension Privacy Badger

Privacy Badger extension.

通过将它安装并添加到 Firefox,您添加了额外的功能并改变了您的浏览体验。

所有种类的扩展都可以为你的 Firefox 浏览器添加不同的功能。

例如,你可以用它们来截屏、重新排列火狐标签、检查语法、在每个网站上设置黑暗模式等等。

如果你想从 Firefox 中得到一点额外的东西,并且你正在考虑更换浏览器,Firefox 扩展可能会代替你的工作。

这些扩展和插件可以在公共的 Firefox 扩展库和其他在线位置获得。

你可以很容易地从 Firefox 中下载并安装它们,只需点击几下——稍后会详细介绍。

您是否正在寻找 Firefox 扩展来帮助您将浏览器体验提升到一个新的水平?👀不要再看了。💪 点击推文

火狐扩展安全吗?

只要你采取适当的预防措施,安装和使用 Firefox 扩展通常是安全的。

独立的第三方开发 firefox 扩展,但最流行的扩展在 Mozilla 接受每个新版本之前都要经过安全测试。因此,虽然流行的扩展通常是安全的,但您应该采取一些预防措施。

每一个提交到官方 Firefox 附加目录的扩展都会被扫描,但并不是所有的扩展都会被手工检查。

甚至 Mozilla 自己也建议要注意扩展请求什么权限。

Firefox extension permission guidelines

Firefox extension permission guidelines.

Mozilla 还建议用户在安装插件之前问自己几个问题,包括是否信任背后的开发者或品牌。

但是 Firefox 扩展并没有带来额外的风险。例如, Chrome 扩展也有同样的问题。

由可靠品牌和开发人员开发的主要扩展通常是安全的,而一些不太为人所知的扩展可能会带来一定程度的风险。

如果 Mozilla 在一个附加组件上贴了一个标签,警告“这个附加组件没有被 Mozilla 主动监控”,你应该 100%确定它来自一个有信誉的来源。

只要你遵循上面概述的预防措施,你就不会因为 Firefox 扩展而面临任何额外的风险。

如何安装和删除 Firefox 扩展

要安装火狐扩展,需要去官方火狐扩展库。您可以用其他方式安装扩展,但是它们可能会有一些风险,除非发行者是 100%可信任的。

从那里,你可以搜索一个特定的扩展或者浏览类别,直到你找到一个你感兴趣的。

您可以在主页上立即找到这些类别,并通过点击您感兴趣的类别来探索它们。

The Firefox Extensions Library

Firefox Extensions library.

如果您有特定的功能或用途,也可以使用任何关键字搜索新的附加组件。

例如,如果您想要更好地控制所有打开的标签,您可以搜索“标签管理”

Firefox extension search results

Firefox extension search results.

然后,您可以按相关性、大多数用户、最高评级、趋势等过滤结果。这使得快速找到您想要的浏览器扩展类型变得很容易。

找到喜欢的扩展后,单击结果打开扩展页面。您可以在此页面上查看该加载项的评级以及有关其功能的更多信息。

Add extension to Firefox button

Click on the Add to Firefox button.

点击这个按钮会在 Firefox 中触发一个提示,询问你是否想要添加扩展,并解释它所请求的权限。

如果您对权限满意,请点按“添加”这将正式将新的 Firefox 插件添加到您的浏览器中。

Firefox extension permissions

Firefox extension permissions popup box.

现在,您应该会在浏览器的右上角看到成功安装的消息。

Firefox extension installation message

Firefox extension installation message.

您已经成功安装了 Firefox 扩展。要使用或查看新功能,您可能需要刷新标签或关闭并重新打开 Firefox。

现在您已经了解了如何安装扩展,让我们来看看如何管理和卸载它们。毕竟,你不希望浏览器超载大量你不需要的扩展。

管理和卸载 Firefox 扩展

安装和卸载扩展时管理它们是使用扩展的重要部分。

特定的 Firefox 插件可能会使用相当多的 RAM 和 CPU,这取决于它们的用途。为了让 Firefox 浏览器保持轻便并在您的电脑上以最佳状态运行,您应该只保留您经常使用的扩展。

要查看你所有的 Firefox 扩展,你需要打开你的插件库。你可以打开菜单点击“附加组件”链接,使用 Ctrl / Cmd + Shift + A 键盘快捷键,或者在地址栏中输入“关于:附加组件”。

Find the Firefox add-ons in the menu

Firefox add-ons in the menu.

这将打开一个标题为“管理您的扩展”的页面在这里,您可以看到您曾经安装的每个加载项。

要卸载扩展,请单击要删除的扩展上的菜单链接,然后选择“删除”选项。

Remove Firefox extension

Remove Firefox extension.

默认情况下,所有 Firefox 扩展都会在安装时启用。

如果您只是偶尔使用某个扩展,并且希望在不使用时加快浏览体验,您也可以禁用某个扩展,而不是卸载它。

要禁用扩展,请单击蓝色切换按钮,并确保它是灰色而不是蓝色。

火狐扩展存储在哪里?

如果你想知道 Firefox 把扩展文件和相关数据存储在电脑的什么地方,这取决于你的操作系统。

在 Windows 中,来自加载项的数据存储在个人用户下的 app data 文件夹中:

**C** Drive **>** Users **>** USERNAME **>** AppData **>** Roaming **>** Mozilla **>** Firefox **>** Profiles **>** VERSIONNUMBER.default **>** extensions

Extensions folder in File Explorer in Windows

Extensions folder in File Explorer in Windows.

在 Mac 电脑上,您可以在用户的“资源库”文件夹中的类似位置找到附加文件:

Users/USERNAME/Library/Application Support/Firefox/Profiles/VERSIONNUMBER.default/extensions

重要的

即使找不到该文件夹,也可以按照上一节中的说明删除扩展名和所有相关数据。

普通用户可能不需要找到扩展名的实际文件位置。

这样做的唯一原因是,如果你想高度谨慎,用反恶意软件或反病毒软件扫描新的扩展名文件(除非有一个徽章说 Mozilla 不积极监控它,这不是严格必要的。)

到目前为止,您应该已经准确地理解了如何查找、安装和管理现有的 Firefox 扩展,所以是时候与您分享我们的建议了。

我们编制了一份包含 12 个不同类别的扩展的列表,以帮助您充分利用您的 web 浏览器。

12 个最佳火狐扩展

在这一节中,我们将介绍 12 个最好的火狐扩展,从密码管理到网页设计,甚至是护眼。

1.密码管理:LastPass

为了管理您的密码,我们推荐使用 LastPass Firefox 扩展

Lastpass 是一个获奖的密码管理器,这个扩展让你的密码既安全又容易获取——这看起来像是一个第 22 条军规,但事实并非如此。

LastPass Password Manager Firefox extension

LastPass Password Manager Firefox extension.

它将你的密码安全地锁在安全、加密的服务器上的双因素识别后面。

要访问任何密码,您需要使用您的 LastPass 密码和您的电子邮件地址或手机号码。

特性:

  • 它在云中安全地存储密码,所以你只需要记住一个。
  • 允许在所有设备上访问密码,包括 Android 和 iOS 的原生应用程序。
  • 使用军用级加密保护您的密码。

好处:

  • 永远不要担心忘记密码,再次经历漫长的重置过程。

2.广告和追踪器拦截:uBlock 源

uBlock Origin 与任何其他广告拦截器的不同之处在于,它不只是带有一个特定的内置库来拦截东西。

相反,它是一个“广谱内容拦截器”,不仅仅是基本的广告拦截器列表。它还关注于限制 JavaScript 和其他会降低您的体验和使用额外计算机资源的元素。

uBlock Origin Firefox Extension

uBlock Origin Firefox Extension.

默认情况下,它带有多个针对在线广告和追踪器的阻止列表,以帮助您享受无广告和无追踪器的在线体验。

特性:

  • 通过多个最新的广告拦截列表(包括 EasyList)有效拦截广告。
  • 阻止追踪器以保护您的在线隐私。

好处:

  • 享受无广告、无追踪器的浏览体验。
  • 通过全面阻止 JavaScript 来提高浏览器和电脑的性能——尽管这可能会干扰某些网站的功能。

3.语法和拼写检查:语言工具

如果你在写邮件或网页内容时需要一些语法和拼写方面的帮助,只需看看 LanguageTool 就行了。

不要担心如何正确使用“他们的”和“那里”这样的词。你会立刻得到正确答案,而不必向谷歌求助。

LanguageTool Firefox extension

LanguageTool Firefox extension.

如果你的工作依赖电子邮件作为必要的交流方式,这是有益的。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

你还可以使用它来确保任何博客或社交媒体帖子的语法正确。

特性:

  • 在您键入电子邮件、社交媒体帖子或在浏览器中创建其他在线内容时进行校对和编辑。
  • 让您只需点击一下鼠标就可以更正书写中的错误。

好处:

  • 通过写作学习更好的语法,而不需要聘请老师、阅读枯燥的语法书或上课。
  • 不需要注册、帐户或订阅。

4.SEO: SEOQuake

如果你正在寻找一个 Firefox 扩展来帮助你提升搜索引擎优化结果,SeoQuake 是一个很好的起点。

这是一个完全免费的插件,让你可以访问你访问的每个页面的许多不同的 SEO 指标。

SeoQuake Firefox extension

SeoQuake Firefox extension.

如果你有一个 WordPress 网站,你可能也想看看我们推荐的 WordPressSEO 插件列表。他们可以帮助你直接提高你的现场搜索引擎优化,你可以用这些外部数据来提高你的排名。

特性:

  • 它显示你访问的页面的反向链接、流量、显示广告和其他搜索引擎优化信息。
  • 评估您的网站或竞争对手网站的移动可用性。
  • 将结果导出为 CSV 格式。
  • 提供不同页面的社交分享统计数据。

好处:

  • 通过对你的关键页面和博客文章进行深入的审核,在竞争中获得优势。

5.可读性:宁静阅读器

如果你因为自动播放视频、广告、小工具和其他侵入性媒体内容而难以阅读在线内容,你可以使用宁静阅读器来消除除文本之外的所有内容。

您甚至可以为删除和保留设置自己的自定义规则,为自己打造量身定制的体验。

Tranquility Reader Firefox extension

Tranquility Reader Firefox extension.

如果因为小文本或彩色背景而难以阅读,您可以设定自定字体大小、颜色和背景。

您也可以脱机保存内容,以便以后在没有互联网连接的情况下阅读。

特性:

  • 从在线内容中删除广告、自动播放的视频、社交共享插件、图像等。
  • 编辑字体大小、颜色和背景,使其可读性更好。
  • 它为您提供了离线保存内容以供日后阅读的选项。

好处:

  • 不受干扰地阅读你喜欢的博客或在线报纸。
  • 创造一种定制的阅读体验,不会让你的眼睛感到疲劳。

6.时间管理:番茄钟

如果你第一次在家工作,或者想尝试新的时间管理策略,番茄时钟是火狐的一个扩展,可能会帮到你。

Tomato Clock Firefox extension

Tomato Clock Firefox extension.

它遵循“番茄工作法”,将你的工作时间分成 25 分钟,然后休息 5 分钟。

这项技术旨在帮助你在短时间内保持高度专注于工作,以避免一整天都筋疲力尽。

您还可以根据您的方法和策略来控制计时器的长度。

特性:

  • 自动跟踪工作时间,并将您的工作日分为工作和休息时段—默认情况下,工作 25 分钟,休息 5 分钟。
  • 允许你自定义定时器到任何长度。

保险金:

需要一个给你带来竞争优势的托管解决方案吗?Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

  • 通过更好的时间管理提高您的效率和生产力。

7.选项卡管理:树样式选项卡

你厌倦了失去对几十个不同的标签页的控制吗?树形标签可以帮你控制疯狂。

Tree Style Tab Firefox extension

Tree Style Tab Firefox extension.

通过将选项卡排列成可扩展的“树”,你可以在任务之间来回切换时跟踪不同的网站和页面。

该扩展基于搜索活动等巧妙的线索自动创建这棵树,但您可以自己自由编辑它。

特性:

  • 在新的子选项卡中自动打开每个搜索结果。
  • 允许您自由地使用拖放功能来重构树。

好处:

  • 再次进行网上调查时,不要忘记关键的一页。

8.截图:全网页截图(FireShot)

如果你想捕捉整个网页的整页截图,你可以使用 FireShot 扩展

FireShot Firefox extension

FireShot Firefox extension.

使用该扩展,您可以捕获、编辑、注释网页截图,并将网页截图保存为带有链接和文本的图像或 PDF 文件。

这是一种在你的电脑上存储在线研究的简单方法。

特性:

  • 捕捉部分或整页网页截图。
  • 它为您提供了用文本、形状、箭头和图标进行注释的选项。
  • 保存为带有链接和文本的图像或 PDF 文件。

好处:

  • 在竞争对手的在线研究中做有效的笔记,或者用指导性的截图改进你的操作指南。

9.安全浏览:Avast 在线安全

如果你想避开危险的在线网站,火狐的 Avast 在线安全扩展可以帮上忙。

它使用一个众包的网站信誉评级库来帮助您避免任何可疑的网站、诈骗或病毒。

Avast Online Security Firefox extension

Avast Online Security Firefox extension.

它可以帮助您避开钓鱼网站、恶意软件等等。如果你关心在线隐私和安全,这是一个很好的扩展——现在谁不关心呢?

特性:

  • 它可以帮助您避免使用众包数据的已知网络钓鱼诈骗和恶意软件网站。
  • 允许您在几秒钟内检查任何网站的评级。
  • 它给你选择网站的可信度。

好处:

  • 利用过去 4 亿多 Avast 用户的经验,最大限度地减少您遭受诈骗和恶意软件的风险。

10.护眼:黑暗阅读器

当你在工作日盯着屏幕看的时候,白色背景的页面会伤害你的眼睛吗?谢天谢地,如果一个网站不提供黑暗模式,你不必再忍受这种情况。

有了火狐扩展黑暗阅读器,你可以打开任何页面的黑暗模式,即使网站没有提供。

Dark Reader Firefox extension

Dark Reader Firefox extension.

这对眼睛来说更容易,特别是如果你在晚上使用浏览器工作或研究的话。

特性:

  • 它给你选择打开互联网上每个网站的黑暗模式。
  • 允许您调整亮度、棕褐色滤镜、字体设置等。

好处:

  • 使用每个网站的黑暗模式,减少长时间网上冲浪对眼睛的压力。

11.网页开发和设计:手写笔

如果你是一名网页开发者或者网页设计师,手写笔扩展可以让你的浏览体验更加有趣。

它让你自由地重新设计你最喜欢的网站,使用你个性化的 CSS 样式表。

tylus Firefox extension

tylus Firefox extension.

感觉博客没有足够的空白空间?可以自己加。不喜欢论坛或 subreddit 上的配色方案?可以换成更适合自己口味的。

手写笔给你创造的自由,使你互动的网页看起来像你想要的样子。

特性:

  • 允许您创建自定义主题。
  • 包括可选布局、颜色和图标选择等高级功能。
  • 它给你选择安装来自其他设计者和开发者的主题。
  • 只需点击一个按钮,即可备份您的所有设计。

好处:

  • 让网页看起来像你想要的样子,并且在做的时候更好地设计网页。

12.YouTube 体验:YouTube 的增强器

你对普通的 YouTube 用户体验不满意吗?你想要额外的功能,如自动质量选择和使用鼠标滚轮控制音量的能力吗?

YouTube 增强器提供了所有这些甚至更多。

Enhancer for YouTube Firefox Extension

Enhancer for YouTube Firefox Extension.

它让你完全控制自己在 YouTube 上的体验,包括你是否想观看特定频道的广告。无论你是创建一个 YouTube 频道还是在 YouTube 上做一些视频营销,这个扩展都是一个可靠的扩展。

您可以为键盘和鼠标按钮创建自定义快捷方式,并为自己开发最佳用户体验。

特性:

  • 允许您为 30 多种不同的功能设置自定义键盘和鼠标快捷键。
  • 它让您可以选择您喜欢的视频质量和所有视频的其他设置。

好处:

  • 体验您自己创造的最佳 YouTube 用户体验。

尽管火狐失去了一些人气,但就浏览器市场份额而言,它仍是世界前三。

当您查看扩展库时,原因就很清楚了——有成千上万的扩展可用于各种目的。我们上面提到的 12 个只是一个起点。

不要害怕自己去搜索图书馆,找到你需要的 Firefox 扩展,让你的生活更轻松。

If there's any functionality you're missing in Firefox, the chances are that you can add what you need through an extension 😲 See the best options in this guide 👀Click to Tweet

摘要

扩展的存在是为了帮助你获得 Firefox 默认不提供的额外功能。您可以混合搭配数千种不同的选项,直到创造出最佳的浏览体验。

希望我们的建议列表能帮助你找到一些你可以改变和改进的地方。使用正确的扩展,您可以保持更安全、更高效,并在线完成更多工作。

在下面的评论区告诉我们一些你最喜欢的火狐扩展。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

市场上为开发者和高级用户提供的 10 款免费 HTML 编辑器

原文:https://kinsta.com/blog/free-html-editor/

你计划定期编辑文件还是创建你自己的插件和主题?如果你想使用 HTML 和 CSS,你需要一个代码编辑器。

当您处理大量代码时,HTML 编辑器可以让您的生活变得更加轻松。编程已经够难的了,但是糟糕的界面使得编程几乎不可能有效。安装一个免费的 HTML 编辑器可以让你获得更多的特性,更好的 UI,以及高效处理代码的能力。

准备好在更高效的环境中开始编码并实现更好的工作流程了吗?

我们将向您展示最好的 HTML 编辑器,并帮助您选择适合您需求的编辑器。

什么是 HTML 编辑器?

HTML,或超文本标记语言,是运行互联网的代码。它是一种标记语言,这意味着它使用标签来定义元素,如将文本标记为粗体或用代码显示图像。

html example

HTML code snippet

HTML 被设计成易于使用、学习和阅读,并且经常与 CSS 和 JavaScript 一起使用。大多数 web 开发人员从学习 HTML 开始,因为与其他语言相比,它的学习曲线很短。

编写 HTML 非常简单,只需在计算机上打开记事本,键入一些标记,然后将其保存为。html 文件。你甚至可以把文件放到你的浏览器里看看它是什么样子。

但是如果你想做严肃的开发,那并不是一个好的解决方案。在一个糟糕的编辑器中编码会很快变成一场令人头痛的噩梦。一个简单的文字处理软件在这里是做不到的。

这就是为什么这么多开发人员创建了代码编辑程序。这些工具带有额外的特性,如语法高亮、自动完成和错误检测,这使得用大量复杂代码编程变得不那么麻烦。

特别是 HTML 编辑器,是为 web 开发人员构建的,包含适合他们的特殊功能。它们通常也与其他 web 语言一起工作,如 JavaScript、 PHPCSS ,并且是您的 web 开发工具包的必要组件。

为什么需要 HTML 编辑器?

如果你有一个 WordPress 网站,它有自己的 HTML 界面,它的工作方式类似于独立的代码编辑应用程序。所以如果你只是偶尔改变你网站上的代码,你不需要下载一个专用的 HTML 编辑器。

wordpress editor

WordPress editor

但是只有当你直接修改网站上的现有页面时,这才是一个可行的解决方案。如果你想创建新的 HTML 页面/元素或者甚至编写你自己的主题插件该怎么办?这种基于浏览器的界面是行不通的。

如果你想开始 web 开发,独立的、可下载的 HTML 编辑器是你所需要的。他们有一个漂亮的,可定制的界面和功能,可以帮助开发者很多。一些编辑器也支持 FTP ,所以你可以编辑网站文件,然后自动上传修改到你的网站。

实话实说:在记事本中创建插件和主题是不可行的。如果你想从零开始做一些东西,WordPress 编辑器是行不通的。你需要一个专业的程序来完成这项工作。

在 HTML 编辑器中寻找什么

每个开发人员都有自己的风格,所以选择一个合适的 HTML 编辑器是一个独立的过程。在你找到一个你喜欢的人之前,你可能需要尝试几个。现在,这里有一些你应该在每个编辑界面中检查的特性。

你想要寻找的两件大事是平台/操作系统和主动开发。

请记住您的工作环境:有些编辑器只适用于 Linux 或 Windows,对 Mac 的支持可能不稳定。总是检查程序支持什么平台,特别是如果你喜欢在多台装有不同操作系统的计算机上工作。

你几乎总是想选择一个正在开发的 HTML 编辑器。HTML 是一种标准不断发展的语言,因此多年没有更新的编辑器将不再有效。此外,没有开发人员维护它意味着不会发布错误修复。最好使用经过维护的工具。

HTML 编辑器还可能附带许多修饰性的功能。并非所有这些都是绝对必要的,有些你可能根本不喜欢或不需要。找一个有你想用的编辑器。

  • 语法高亮/颜色编码:由于 HTML 基于标签的标记语言,高亮几乎是必需的。语法突出显示照亮了标记,这样您一眼就可以识别它们,并且它使得处理代码块更加容易。
  • 版本控制:如果你想要回滚一个变更或者查看你代码的前一个版本,寻找版本控制特性来存储旧的副本。当与其他开发人员一起工作时,这几乎是必要的。
  • 自动保存:丢失工作很糟糕,所以寻找包含自动保存功能的编辑器,以防程序崩溃。
  • 自动完成和建议:在 HTML 编辑器中,当弹出一个建议时,通过按下一个按钮,自动完成将让您快速填充更长的代码。它还可以自动创建结束标记。
  • 代码折叠:当你处理一个大文档时,代码折叠可以让你关闭文档中不相关的部分,专注于特定的区域。
  • 多光标/同时编辑:多光标功能允许你一次在多个地方编写代码。这在添加相同标签的副本时非常有用。
  • 查找并替换 : 没有一个代码编辑器是完整的,它不能找到某些字符串并用其他的替换它们。随着 HTML 标准的不断更新和对低效标签的弃用,这变得尤为重要。
  • 错误检测:由于 HTML 是标记语言而不是编程语言,所以不编译。这意味着你没有机会测试你的代码。实时错误检查是至关重要的,这样当你写错了什么的时候你就可以立即知道。
  • FTP 支持:一个支持 FTP 的 HTML 编辑器将能够连接到 WordPress 并上传你所做的任何修改。例如,每次你做任何事情时,不必登录 FileZilla 或你的首选 FTP 客户端

如果您正在寻找一个包含高级功能和与其他平台集成的代码编辑器,您将需要一个 IDE(集成开发环境)而不仅仅是一个文本编辑器。这些类似于 HTML 编辑器,但本质上是为高级开发人员提供的这些工具的增强版本。

另外,留意所见即所得编辑器。不需要手工编码,只需编辑一个界面就可以创建一个网站并生成 HTML 代码。

请记住,所有浏览器处理代码的方式都不同,所以它看起来不会和编辑器中的完全一样。仍然需要多浏览器测试和优化。但是如果你喜欢可视化工作而不是写 HTML,它仍然有帮助。

最好的免费 HTML 文本编辑器

文本编辑器是简单而集中的程序,为处理 HTML 提供了一个干净的界面。比起所见即所得(WYSIWYG)编辑器的实时界面,或者 IDE 杂乱的 UI 和不必要的功能,许多开发人员更喜欢它们。文本编辑器针对其简单的目的进行了完美的优化,让您可以完全控制您的工作。

记事本++

notepad-plus-plus

Notepad++

Notepad++ 以其轻量级的设计而闻名,是一个用于 Windows 的文本和代码编辑器。这通常是开发人员将使用的第一个工具,因为它非常简单,也不难学,而且附带了许多功能,使您的生活更加轻松。

Notepad++可以处理几十种语言,但它支持 HTML、CSS、 PHP 和 JavaScript 。因此,它适用于开发人员需要的所有语言。自 2003 年发布以来,它一直在积极地更新,因此您知道它将在未来几年得到可靠的维护。

该程序包括自动保存、查找和替换、分屏显示、同步编辑和许多其他漂亮的功能,如第三方插件支持。Notepad++对于初学者来说是很棒的,但是它的质量足以支撑你的 web 开发职业生涯。

Visual Studio 代码

visual studio code

Visual Studio Code

作为最受欢迎的代码编辑器之一, Visual Studio Code 是许多开发人员的首选,尽管它在 2015 年才发布。它非常健壮,可定制,有一个你可以根据自己的喜好个性化的界面,以及添加更多功能的扩展。

编辑器支持 HTML、CSS、JavaScript 和 PHP,因此您永远不必切换工具。它使用 smart IntelliSense 进行语法突出显示和自动完成,并包括 Git/Github 版本控制支持和 FTP 功能。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

请务必阅读我们的 Git vs Github 指南。

最后,VSC 可以与 Windows、Mac 和 Linux 兼容,所以几乎任何人都可以使用它。这个程序有很多特性,所以对于新开发人员来说,它可能是势不可挡的。但是学会使用它,你将拥有几乎所有你需要的工具。

咖啡杯免费编辑器

coffeecup html editor

CoffeeCup Free Editor

寻找一个专门用于 HTML 的工具?CoffeeCup Software 创建了一个面向网络开发者的商业程序 HTML 编辑器,但也发布了一个完全免费的精简版本。

一些功能,如无限制的 FTP 连接、HTML/CSS 验证和代码清理,仅作为试用软件提供。但是它提供了 UI/工具栏定制、代码完成和模拟浏览器中的 HTML 预览。你需要的所有核心东西都在那里。

另外,它与 CSS 和 JavaScript 一起工作,所以总的来说,你得到了整个网站创建工具包。

括号

brackets

Brackets

你喜欢 Notepad++的轻量级设计,但是想要一个专门针对 web 开发的程序吗?括号是完美的解决方案。它可以在 Windows、Mac 和 Linux 上运行,并提供了恰到好处的功能,让您在不碍事的情况下获得出色的体验。

HTML、JavaScript 和 CSS 编辑器包括实时预览、预处理器支持、高亮显示和用于添加任何缺失内容的免费扩展。它是为 web 开发而构建的,所以你知道你将拥有你需要创建的一切。

对于喜欢最小化和整洁的工作空间的开发人员来说,括号是一个很好的选择,不要让他们永远不会使用的不必要的功能过载。

Komodo Edit

Komodo Edit

Komodo Edit

ActiveState 创建了 Komodo IDE,这是一个集成开发环境,具有高级功能,如调试和与其他平台的集成。但是如果你只是想要一个更简单,更容易使用的 HTML 编辑器,试试 Komodo Edit 。它可以在大多数操作系统上运行,包括 Windows、Mac 和 Linux 的各种发行版。

厌倦了体验你的 WordPress 网站的问题?通过 Kinsta 获得最好、最快的主机支持!查看我们的计划

编辑器是多语言的,支持 HTML、PHP 和 CSS。您可以完全自定义其外观,并且它具有自动完成、多重选择和更改跟踪功能。这是一个简单而又强大的解决方案。

崇高的文本

Sublime Text

Sublime Text

圆滑和复杂, Sublime Text 是一个用于 Windows、Linux 和 Mac 的代码和文本编辑器。它内置了 23 个主题,界面完全定制,支持各种标记和编程语言

Sublime Text 允许您跳转到字符串或符号,定义各种语法,突出显示代码,选择多行,以及进行拆分编辑。它还通过可搜索的命令面板保持界面整洁,因此您不必处理不常用的功能。如果你喜欢你的编码界面没有杂乱和完全可定制,你会喜欢崇高的文本。它绝对提供了最流畅的体验(这是我个人的选择,btw)。

原子

Atom

Atom

由互联网上最大的软件和 web 开发社区中心 GitHub 开发的 Atom 是为协作而构建的。它带有内置的 Git/Github 版本控制支持,最显著的是支持实时代码协作。再也不用来回发送文件了。在一个统一的项目上合作。

Atom 可以在所有主流操作系统上工作,支持主题、第三方插件,甚至可以用 HTML 和 CSS 对界面进行编码。它时尚、可扩展、功能丰富,如果您需要与您的队友无缝协作,这是一个必要的学习工具。

HTML 编码最常用的 HTML 编辑器

受欢迎程度通常能很好地分辨出什么是好软件,什么不是。当然有一些宝石相对不为人知,但事情获得牵引力是有原因的。如果一个程序被成千上万的人使用,就质量而言,这是一个安全的选择。

根据 Stack Overflow 开发者调查 20182019 ,以下是最受欢迎的 HTML 编辑器。

  • Visual Studio Code 是这两年使用率最高的程序,2019 年有 55.6%的受访开发者使用它。它显然是最常用的 web 开发程序。
  • 记事本++ 两年都位居第二,两年都有大约 35%的受访者使用它。这可能是由于它的简单性和多功能性。
  • Sublime Text 在 2018 年被 30%的受访者使用,因此它显然是 HTML 编辑工具的首要竞争对手。每个开发人员都喜欢时尚的编辑器和干净的体验。
  • Atom 的受欢迎程度在 2019 年从 18.6%降至 12.7%,但其协作功能使其成为团队工作人员的热门选择。

数字不会说谎,但是如果它对你更有吸引力,不要犹豫尝试一个不太知名的 HTML 编辑器。某样东西不流行并不意味着它不好。

最好的免费所见即所得的 HTML 编辑器

你更喜欢用视觉界面工作吗?所见即所得编辑器可能是你更好的选择。这些工具提供了一个可视化的界面,甚至可以在不学习 HTML 的情况下使用,尽管许多工具也允许你手工编码。

缺点是您对代码的控制较少,因为编辑可视界面会自动插入标签。这可能会困扰那些喜欢完全控制自己工作空间的开发人员,并可能导致混乱的代码。

如果你有一个 WordPress 网站,记住它已经内置了一个所见即所得的 HTML 编辑器: TinyMCE 。这可能是创建新页面和定制网站最简单的方法。但是如果出于某种原因,你对 TinyMCE 的界面不满意,这里有几个可供选择的编辑器。

  • 基于 Firefox 的渲染引擎,BlueGriffon 是一个流行的所见即所得编辑器,支持编辑 HTML 和 CSS 源代码。它还能帮助你使用像 WAI-ARIA 这样的网络标准。
  • HTML 记事本:一个可下载的编辑器,用来处理结构化文档。它可以在 Windows、Mac 和 Linux 上运行,还附带了一个无需安装的便携版本。
  • cke editor:与 TinyMCE 非常相似,cke editor 是一个 HTML/rich text 编辑器,支持插件和源代码编辑。它可以免费下载,而且它的最小界面很容易上手。

CKEditor

CKEditor

此外,CoffeeCup、括号和 Atom 主要是文本编辑器,但带有可视化代码的内置工具。大多数支持插件的编辑器也有一个第三方的 HTML 预览插件。如果您不想主要使用 WYSIWYG 界面,但确实需要一种简单的方法来预览代码,请尝试这些方法。

Working with HTML all day long? Then, you'll need a powerful code editor to keep your workflow efficient. Here are the best free HTML editors on the market!👩‍💻🏅Click to Tweet

摘要

WordPress 默认的所见即所得编辑器 TinyMCE,对于大多数只想编辑网站页面的用户来说是一个很好的解决方案。但是如果你需要处理大量的 HTML 代码,你将需要一个更好的解决方案。选择一个你喜欢的代码编辑器,使用主题和插件将会轻而易举。

不知道该选哪一个?

如果你喜欢简单干净的界面和一系列像样的功能,Notepad++,Komodo Edit 和 Sublime Text 是很好的选择。Visual Studio 代码非常重视这些特性,工作方式类似于 IDE,所以选择它来获得最大的功能。CoffeeCup 和 Brackets 是专门为 HTML web 开发而构建的,所以如果你想要一个集中的解决方案,它们是很棒的。如果您需要协作功能或只想完全控制您的工作空间,Atom 绝对是您的不二之选。

你最喜欢的 HTML 编辑器是什么?在评论里告诉我们吧!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

为 WordPress 寻找免费图片的 10 个绝佳地点

原文:https://kinsta.com/blog/free-images-for-wordpress/

就像试图寻找永恒的内容创意一样,找到正确的图像——特别是免费和免版税的图像——可能是一个挑战。当然,这是整个过程中必不可少的一部分。毕竟,没有人想被指责剽窃别人的照片。然而,如果你不知道去哪里找,这会让人头疼。幸运的是,你可以访问几个很棒的网站,为你的 WordPress 博客挑选免费图片。这些网站,就像接下来的网站一样,以用户友好、高效、选择多样而闻名。

2022 年在哪里可以找到 WordPress 的免费图片

免版税指的是使用版权材料而无需支付许可费的权利。这并不总是意味着无归因,但它确实意味着无成本!看看这个神奇的工具和下面的 10 个网站,在那里你可以找到免费的免版税图片。这些没有特定的顺序。

1。免费照片查找工具

在我们进入一些伟大的免费照片网站之前,专家世界旅行已经创建了一个非常酷的工具,叫做免费照片查找器。它允许你输入你想要的照片的搜索词,然后根据许可证类型(CC0 公共领域,允许商业使用,其他)对所有网站进行排序。当你点击网站时,它会自动填入你的搜索词。非常方便,绝对是你想收藏的!

Free photo finder tool

Free photo finder tool

2。不溅

最初是由一个失败的创业公司作为一个副业项目开始的, Unsplash 已经成为网络上发展最快的高分辨率照片网站之一。它现在拥有超过 200,000 个免版税、免署名、可用于商业用途的软件。

Unsplash

Unsplash

3。StockSnap.io

StockSnap.io 每周都会增加新的高分辨率图像。StockSnap 上的所有照片都属于知识共享 CC0 许可。这意味着你可以复制、修改、分发网站上的任何照片,甚至是出于商业目的,而无需征得许可。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

StockSnap.io

StockSnap.io

4。佩克斯

Pexels 成立于 2014 年,收集了超过 30,000 张照片,可免费用于个人和商业用途。你可以修改、复制和分发照片,而无需征得许可(即无归属)。他们以每月 3000 多张的速度不断添加新照片。

Pexels

Pexels

5。Pix 的生命

Pix 的生活采取了独特的方式。他们的摄影师网络每周都会发布免费的高分辨率照片。如果你想要惊人的照片,这绝对是一个检查出来!当然,它们没有版权限制,可以用于个人和商业用途。摄影师也可以加入并提交自己的作品。

Life of Pix

Life of Pix

6。Flickr:知识共享

知识共享的概念是对传统版权法有趣的补充。实质上,CC 许可允许图像的创建者授予公众基于他们自己的条件共享和使用他们的作品的许可。结果是图像的创建者和想要使用图像的 WordPress blogger 都有了更大范围的基于共享的灵活性。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Flickr Creative Commons

Flickr Creative Commons

观看这一过程的最佳方式是去 Flickr 的知识共享区。从那里,您将看到许多可供使用的多功能图像选项。图像本身标有易于理解的符号,用于特定的使用类别,包括:

  • 免版税图像
  • 仅用于非商业用途
  • 需要照片认证
  • 不允许衍生作品

7。维基媒体共享

可能有一个场合,你只需要使用一张公开的照片。Wikimedia Commons 是 Wikimedia Foundation 的一个项目,是这类图片的绝佳来源,因为这个网站上的大多数照片、图画和插图都属于公共领域。

WikiMedia Commons

Wikimedia Commons

也就是说,这里有些图片确实包含知识共享许可,要求在使用图片时提供适当的照片授权。正因为如此,你应该在把它发布到你的 WordPress 博客上之前确保阅读附属细则。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

8。Freeimages.com

当要在一个专门提供免版税图片的网站上找到你想要的东西时,分类是王道。这就是 freeimages.com 的这项特殊服务如此吸引人的原因,因为它的高质量图片是由几个特定的搜索指标分开的,所以你可以很容易地得到一张完美的图片。此外,这些类别将允许你快速找到可能深埋在类似网站的图片。

freeimages

Freeimages

9.皮克巫师

PikWizard 是一个较新的网站,但它包含了数千张令人惊叹的免费照片。他们网站上的一切都是免费的个人和商业使用,不需要署名。无论你是博客写手还是企业,他们的高质量图片都可以为你的网站锦上添花。

PikWizard

PikWizard

10.谷仓图像

Barnimages 于 2015 年 3 月由两位来自拉脱维亚的摄影师 Igor Trepeshchenok 和 Roman Drits 创办。他们每周都会添加免费图片。与您可能已经熟悉的集合相比,Barnimages 不是另一个聚合器。每张照片都是由网站所有者或他们所尊重的同事拍摄的。

您可以将 Barnimages 上发布的任何免费图片用于商业和非商业目的

Barnimages

Barnimages

摘要

有时候,一张图片比任何文字能告诉你更多的东西。当然,如果你经营一个 WordPress 博客,你就会知道为了让你发布的内容生动起来,图片的使用是多么重要。你在哪里为你的 WordPress 站点找到免费图片?我们很想在下面的评论中听到它。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何为 WordPress 邮件使用免费的 SMTP 服务器(包括 Gmail SMTP 服务器)

原文:https://kinsta.com/blog/free-smtp-server/

如果你在 WordPress 网站上收发邮件有问题,使用免费的 SMTP 服务器可以免费提供更好的可靠性和投递能力。

默认情况下,WordPress 试图通过 PHP mail 发送事务性邮件,这导致了各种各样的问题。交易电子邮件是您网站的自动电子邮件,如密码重置、订单确认等

SMTP 是简单邮件传输协议的缩写,让你通过一个专用的邮件服务器发送你站点的邮件。这意味着你的网站可以更可靠地发送电子邮件,这些电子邮件不太可能出现在用户的垃圾邮件文件夹

在这篇文章中,我们将看看你可以在 WordPress 网站上使用的七个免费 SMTP 服务器选项,包括免费的 Gmail SMTP 服务器

对于每一个选项,我们将简要地向您介绍它,分享免费计划的任何限制,并向您展示如何在 WordPress 上设置它。

看看这个视频指南如何使用免费的 SMTP 服务器处理 WordPress 邮件

你需要什么来使用免费的 SMTP 服务器

要将这些工具集成到你的 WordPress 站点中,你需要一个插件。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

其中一些工具提供了自己专用的集成插件。如果没有,你可以在 WordPress.org 找到几个高质量的免费 SMTP 插件,比如 Post SMTP Mailer/Email Log ,这是一个 100%免费重新推出的流行的邮递员 SMTP 插件。

对于下面的教程,我们将使用:

  • 一个服务的专用 WordPress 插件。
  • 当专用插件不可用时,发布 SMTP 邮件程序/电子邮件日志。你应该能够使用其他插件遵循相同的基本指令,尽管。

准备好了吗?开始吧!

7 个免费的 SMTP 服务器解决方案将在 2022 年与 WordPress 一起使用

以下是我们将介绍的免费 SMTP 提供商——请继续阅读,了解每个工具的更多详细信息:

Gmail SMTP 服务器

你可能已经知道 Gmail 的免费电子邮件服务。然而,谷歌也允许你使用 Gmail 作为 SMTP 服务器从你的网站发送电子邮件。

有了免费的 Gmail 帐户,你可以在连续 24 小时内发送多达 500 封电子邮件。或者,如果你是谷歌工作空间的付费用户,你可以在 24 小时内发送 2000 封邮件。

设置免费的 Gmail SMTP 服务器比其他一些工具需要更多的劳动。然而,额外的努力是值得的,因为 Gmail 还提供了列表中最高的免费发送限额。

您可以在许多不同的地方使用 Gmail 的 SMTP 服务器信息。你可以在你的本地电子邮件客户端使用它,比如微软的 Outlook 或者 T2 的 WordPress 网站,这就是我们将要关注的。

要在 WordPress 网站上设置 Gmail,您需要:

  • 创建一个谷歌应用
  • 配置你的 WordPress 站点,使用插件通过应用程序发送

如果你想从自定义域(例如【电子邮件保护】)而不是 Gmail ( 【电子邮件保护】)发送电子邮件,你首先需要设置并支付 Google Workspace。我们有一整篇关于为什么我们喜欢 Google Workspace ,以及如何设置 Google Workspace MX 记录以将 Google Workspace 连接到您的自定义域名的帖子。

如果你可以从 Gmail 地址发送电子邮件,那么在开始教程之前,你不需要做任何事情。

以下是如何使用 Gmail SMTP 服务器发送 WordPress 电子邮件…

1.配置后 SMTP 邮件程序/电子邮件日志

要让你的 WordPress 站点通过你的 Google app 发送邮件,你可以安装 WordPress 的免费 Post SMTP Mailer/Email Log 插件。

一旦你激活了它,在你的 WordPress 仪表盘中进入新的 Post SMTP 标签,点击显示所有设置查看所有选项。

首先,转到消息选项卡,设置您的“发件人”电子邮件地址和姓名。

完成后,返回到账户选项卡,使用类型下拉菜单选择 Gmail API 。这将暴露一些额外的选项。保持此页面打开,因为在下一步中您将需要以下信息:

  • 授权的 JavaScript 起源
  • 授权重定向 URI

Free smtp server: Choose the Gmail API option

Choose the Gmail API option

2.创建一个谷歌应用

接下来,您需要创建一个 Google 应用程序。这使得你的 WordPress 站点(或任何其他应用程序)能够安全地连接到 Gmail SMTP 服务器来发送电子邮件。

为此,打开一个新的浏览器选项卡,转到 Google 开发者控制台,并创建一个新项目。如果这是你第一次登录,Google 应该会提示你创建一个新项目。否则,您可以通过单击 Google APIs 徽标旁边的下拉菜单(在下面的屏幕截图中用[1]表示)来完成。

一旦你有了你的应用,点击按钮启用 API 和服务:

Create a new Google Developers project

Create a new Google Developers project

然后,搜索“Gmail”并为 Gmail API 选择结果:

Search for the Gmail API

Search for the Gmail API

在 Gmail API 结果页面上,点击启用按钮:

Enable the Gmail API

Enable the Gmail API

这应该会让你进入 Gmail API 的专用界面。要继续,请点击按钮创建凭证:

Create credentials for the Gmail API

Create credentials for the Gmail API

首先,使用以下设置填写了解您需要哪种凭证部分:

  • 您使用的是哪种 API? Gmail API
  • 您将从哪里调用 API?网络浏览器(JavaScript)
  • 您将访问哪些数据?用户数据

然后,点击我需要什么凭证?按钮:

Fill out credentials form

Fill out credentials form

然后,Google 会提示您设置 OAuth 同意屏幕。点击提示中的按钮设置同意画面:

The prompt to create an OAuth consent screen

The prompt to create an OAuth consent screen

这将为 OAuth 同意屏幕打开一个新标签。对于用户类型,选择外部。然后,点击创建:

Create an external consent screen

Create an external consent screen

在下一个屏幕上,输入网站的基本信息,比如名称和 URL。

不要太紧张,因为您实际上并不需要使用这些信息:

Configure the consent screen

Configure the consent screen

添加完所有内容后,点击底部的保存按钮。

然后,返回到Add credentials to your project选项卡,输入以下信息:

  • 名称-容易记住的东西,例如你网站的名称。
  • 授权的 JavaScript 源–从 Post SMTP 邮件程序/电子邮件日志插件中复制并粘贴它(步骤#1)。
  • 授权重定向 URIs–从 Post SMTP 邮件程序/电子邮件日志插件中复制并粘贴(步骤 1)。

然后,点击刷新:

Create your credentials

Create your credentials

刷新按钮应该变为创建 OAuth 客户端 ID 。单击该按钮完成该过程。然后,点击完成

点击完成后,您应该会在凭证选项卡的 OAuth 2.0 客户端 id部分看到一个条目(点击完成后您应该会自动转到此页面)。

单击您的客户端 ID 条目以打开其设置:

Access OAuth 2.0 client IDs

Access OAuth 2.0 client IDs

然后,寻找两条信息:

  • 客户端 ID
  • 客户机密

将这两条信息放在手边,因为在下一步中会用到它们:

Your Gmail API client IDs

Your Gmail API client IDs

3.添加客户端 id 以发布 SMTP 邮件程序/电子邮件日志

现在,回到你的 WordPress 仪表盘和 Post SMTP Mailer/Email 日志设置,粘贴你的客户端 ID客户端密码。然后,点击保存修改:

Add Gmail API client IDs to WordPress

Add Gmail API client IDs to WordPress

一旦你这么做了,Post SMTP Mailer/Email Log 会提示你授予 Google 的权限:

Grant permission to Google

Grant permission to Google

当你点击那个链接,它将打开正常的谷歌授权过程。你需要点击进入,并给予你的网站访问你的 Gmail 账户的权限。

因为你没有将你的应用程序提交给谷歌进行审查,谷歌会给你一个警告,说明你的应用程序未经验证。因为您自己创建了应用程序,所以您可以安全地忽略此警告。点击链接显示高级设置,然后选择转到“your website”继续授权过程:

Ignore the warning to continue

Ignore the warning to continue

一旦您完成授权过程,您就完成了!

为了验证一切正常,Post SMTP Mailer/Email Log 插件包含了一个让您发送测试电子邮件的功能。

SendGrid

SendGrid 是一个受欢迎的交易电子邮件服务,由于它的 API 集成方法,用 WordPress 很容易设置。它还为您提供详细的分析和日志记录。

SendGrid 提供一个月的免费试用,可以让你发送多达 40,000 封电子邮件。第一个月结束后,你可以继续每天发送 100 封电子邮件。

对于较小的 WordPress 网站,这个限制应该没问题。如果你确实需要超过免费限额,付费计划每月 14.95 美元起,最多可发送 4 万封电子邮件。

SendGrid 还提供了一项单独的服务,如果你感兴趣,可以让你发送营销电子邮件。要用 WordPress 设置 SendGrid,你需要:

  • 生成 SendGrid API 密钥
  • 使用专用的 WordPress 插件或单独的 SMTP 插件将 API 添加到 WordPress

对于完整的教程,我们有一整篇关于如何用 WordPress 使用 SendGrid 的文章。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Pepipost

Pepipost 严格来说是一种电子邮件发送服务。你可以将它连接到任何应用或服务,包括你的 WordPress 网站。您还可以获得实时报告来分析您发送的电子邮件。

Pepipost 可以让你每天免费发送多达 100 封电子邮件。在最初的 30 天里,你还可以发送多达 30,000 封电子邮件。

如果您需要超过这一限制,没有照单定价。下一个最便宜的计划是每月 25 美元,最多 15 万封电子邮件。

为了帮助你在 WordPress 上使用 Pepipost,Pepipost 提供了一个官方 WordPress 插件,帮助你连接到 Pepipost API ( 而不是使用 SMTP 凭证)。

以下是如何使用 Pepipost 发送 WordPress 邮件。

1.验证域名和访问 API 密钥

首先,注册一个免费的 Pepipost 帐户来生成您的 API 密钥。

一旦你创建了你的账户,你会被提示添加你的 WordPress 站点的 URL 作为发送域:

Free smtp server: Add domain to Pepipost

Add domain to Pepipost

然后你需要添加两个 TXT 记录到你的 DNS 记录来验证你的域名

如果你在 Kinsta 托管,你可以从你的 MyKinsta 仪表板中的 Kinsta DNS 选项卡将这些 TXT 记录添加到你的域中。如果你不确定如何做到这一点,你可以遵循我们的电子邮件认证指南来学习如何添加这些 DNS 记录以及为什么它们很重要。

一旦您验证了您的域名,进入 Pepipost 仪表板中的设置→集成找到您的 API 密钥。请将该值放在手边,因为您将在下一步中用到它:

Access Pepipost API key

Access Pepipost API key

2.安装和配置官方 Pepipost 插件

一旦你有了 Pepipost API 密匙,你就可以安装 WordPress.org 官方的 Pepipost 插件了。

然后,转到你的 WordPress 仪表盘中新的 Pepipost 设置标签,将你的 API 密匙添加到 Api 密匙框中。

在此之下,您还需要配置基本的发件人信息,如您的发件人姓名和发件人电子邮件地址。

一旦你保存了你的修改,你就可以开始了。您可以使用发送测试电子邮件部分来确保一切正常运行:

Add API to Pepipost plugin settings

Add API to Pepipost plugin settings

你是谁

Sendinblue 可以帮助你发送营销邮件和交易邮件(这也是一个不错的 Mailchimp 替代品)。它更侧重于营销方面,具有营销自动化功能等等。

Sendinblue 也有一个更高的免费发送限制,让你每天发送多达 300 封电子邮件。但是,如果您需要超出这些限制,最便宜的选择是每月 25 美元,每月最多 40,000 封电子邮件。所以,如果你认为你有可能每天超过 300 封邮件,这可能不是一个好的选择。

为了帮助你在 WordPress 中使用 Sendinblue,Sendinblue 团队提供了一个专门的 WordPress 插件。

以下是如何使用 Sendinblue 免费发送 WordPress 事务性邮件。

1.注册并生成 API 密钥

首先,注册一个免费的 Sendinblue 帐户

一旦你登录了你的账户,点击右上角的用户名并选择 SMTP & API 选项。或者,您可以在登录时访问此页面

然后,点击创建新的 API 键按钮。在弹出窗口中:

  • 选择版本 2.0
  • 给它起一个名字来帮助你记住它(例如你的 WordPress 站点的名字
  • 点击生成

Create a Sendinblue API 2.0 key

Create a Sendinblue API 2.0 key

然后,您应该会看到 API 键的值——请将它放在手边,因为您将在下一步中用到它。

使用我们灵活的 Google Cloud powered 基础设施提升你的 WordPress 网站的功能。查看我们的计划。

2.安装 Sendinblue 插件

接下来,安装并激活来自 WordPress.org 的官方 Sendinblue 插件。

然后,点击你的 WordPress 仪表盘中新的 Sendinblue 标签,将你的 API 密匙添加到框中。然后,点击登录

Free smtp server: Add API key to Sendinblue plugin settings

Add API key to Sendinblue plugin settings

然后你应该会看到插件的完整设置区域。

要开始通过 Sendinblue 的免费 SMTP 服务器发送您站点的交易电子邮件,请在交易电子邮件部分选择单选按钮。

然后,您可以选择您的发件人信息(您可以从 Sendinblue 仪表板中控制此信息)并发送一封测试电子邮件:

Enable sending transactional emails with Sendinblue

Enable sending transactional emails with Sendinblue

邮件快递

Mailjet 是一款经济实惠的电子邮件解决方案,可以帮助处理营销电子邮件和交易电子邮件。对于 SMTP 发送服务,你可以每天免费发送多达 200 封电子邮件,尽管你的电子邮件会在页脚包含 Mailjet 标志。

要删除徽标和/或增加您的发送限额,付费计划每月只需 9.65 美元,每月最多可发送 30,000 封邮件。

以下是如何使用 Mailjet 发送 WordPress 邮件。

1.注册和访问 API 密钥

首先,注册一个免费的 Mailjet 帐户以访问您的 Mailjet API 密钥。

激活您的 Mailjet 帐户后,进入 Mailjet 仪表板中的交易→概述找到您的 API 密钥:

Access Mailjet API key

Access Mailjet API key

您还可以使用右侧的配置选项来添加和验证您的发件人域和地址。这将有助于提高你的电子邮件的可送达性。

2.安装官方插件

为了配置你的 WordPress 站点通过 Mailjet 发送交易邮件,Mailjet 在 WordPress.org 提供了一个专用集成插件。

一旦你安装并激活了插件,进入你的 WordPress 仪表盘中新的 Mailjet 标签,从你的 Mailjet 账户添加 API 密钥:

Add Mailjet API keys to plugin settings

Add Mailjet API keys to plugin settings

连接你的 Mailjet 账户后,你会看到一个选项来同步你注册的 WordPress 用户和 Mailjet。如果您只想使用 Mailjet 处理事务性电子邮件,只需点击按钮跳过此步骤

然后,在你的 WordPress 仪表盘中打开 Mailjet 插件设置( Mailjet →设置,选择发送设置

选中复选框启用通过 Mailjet 发送电子邮件。然后,填写您的发件人信息,并发送一封测试电子邮件以确保一切正常:

Free smtp server: Enable Mailjet for email sending

Enable Mailjet for email sending

弹性电子邮件

Elastic Email 提供了一种负担得起的 SMTP 发送服务,具有永久免费计划和便宜的现收现付价格。使用永久免费计划,您每天可以发送多达 100 封电子邮件。超过这个限制,你只需为你的使用付费——每 1000 封邮件 0.09 美元。

你也可以每天花 1 美元购买一个私有 IP 地址,以及其他几个附件(比如电子邮件附件)。

1.注册和访问 API 密钥

首先,注册一个免费的弹性电子邮件帐户以访问您的弹性电子邮件 API 密钥。

激活您的帐户后,点击右上角的用户名并选择设置

然后,转到 API 标签,同意你不会向用户发送垃圾邮件。一旦你同意,弹性邮件会显示一个按钮给你创建 API 密匙:

Free smtp server: Create an Elastic Email API key

Create an Elastic Email API key

给 API 密匙起个名字以帮助你记住它,并为权限级别选择插件:

Configuring your API key settings

Configuring your API key settings

然后,您应该会看到 API 键的值。请确保此窗口保持打开,因为您将在下一步中需要它,而弹性电子邮件只会显示一次。

2.安装官方插件

为了帮助你在 WordPress 使用弹性邮件,弹性邮件在 WordPress.org 提供了一个官方插件叫做弹性邮件发送器

一旦你在你的 WordPress 站点上安装并激活了插件,你就可以在你的 WordPress 仪表盘中进入新的弹性邮件发送器标签。然后配置以下详细信息:

  • 选择邮件程序–通过弹性邮件 API 发送所有 WordPress 邮件。
  • 弹性邮件 API 密钥–添加上一步中的 API 密钥。
  • 电子邮件类型–交易型
  • 发件人姓名和电子邮件

然后,点击保存更改:

Add Elastic Email API key to WordPress plugin

Add Elastic Email API key to WordPress plugin

然后,您应该会看到一条成功消息。

为了确保一切正常,请转到弹性电子邮件发送器→发送测试发送一封测试电子邮件。

Mailgun

Mailgun 不再像其他工具一样提供永远免费的计划。然而,我们仍然将它包括在内,因为它提供了三个月的漫长试用期,以及之后可负担的现收现付价格。尽管如此,如果你想要永远 100%免费的东西,Mailgun 不再是一个选项。

Mailgun 提供了一个简单的基于 API 的发送服务,你可以在几分钟内集成到 WordPress。

在最初的三个月里,你每月可以免费发送多达 5000 封电子邮件。之后,您可以使用每 1000 封电子邮件 0.80 美元起的现收现付定价。

我们有一个关于如何使用 Mailgun 和 WordPress 的完整指南。

Send your site's emails through a dedicated server 📥 with these 7 SMTP providers (free options available 💸).Click to Tweet

摘要

默认情况下,WordPress 发送邮件的方式会导致各种可靠性和可送达性的问题。为了解决你的 WordPress 站点的交易邮件问题,你应该使用一个专用的 SMTP 服务器,而不是依赖 WordPress 的默认选项。

幸运的是,有了免费的 SMTP 服务器,你不用花一分钱就可以访问可靠的 WordPress 交易邮件。

以下是您应该了解的可以利用的不同解决方案的关键方面:

  • Gmail SMTP 服务器——使用免费的 Gmail 帐户,您可以在 24 小时内发送多达 500 封电子邮件,如果您为 Google Workspace 付费,则可以发送 2000 封电子邮件。
  • send grid——让你永远每天发送 100 封邮件(第一个月免费发送 40,000 封邮件)。
  • pepipost——让您永远每天发送 100 封电子邮件(前 30 天免费发送 3 万封电子邮件)。
  • send in blue–让你永远每天发送 300 封电子邮件。
  • mailjet——让你永远每天发送多达 200 封电子邮件。
  • 弹性电子邮件——让您永远每天发送多达 100 封电子邮件,之后以便宜的现收现付价格发送。
  • mailgun–让你每月免费发送 5000 封电子邮件,但仅限前 3 个月。之后,它有便宜的现收现付价格。

对于最高免费发送限额,您可以设置 Gmail SMTP 服务器。然而,Gmail 的设置过程也是最耗费人力的。

对于更简单的设置,您可以考虑其他免费选项,如 Sendinblue(每天 300 封电子邮件)或 SendGrid(每天 100 封电子邮件)。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

来自 Kinsta 的免费 SSL 证书和托管

原文:https://kinsta.com/blog/free-ssl-certificate/

Kinsta 的客户可以利用 Kinsta 的 Cloudflare integration ,它包括所有 WordPress 站点的自动和免费 SSL 证书。最重要的是,我们的免费 Cloudflare SSLs 甚至支持通配符域。在本文中,您将了解更多关于 HTTPS 的重要性,以及在管理 WordPress 站点的 SSL 证书时,Kinsta 的免费 Cloudflare SSLs 如何简化您的工作流程。

免费 SSL 对你来说意味着什么?

通过我们的 Cloudflare 集成访问免费的 SSL 证书,您不再需要处理获取证书密钥、私钥、调试中间证书、生成 CSR 以及安装 SSL 的混乱过程。

一旦你的建立了一个 Kinsta,SSL 就自动开始工作,不需要任何额外的步骤!这些来自 Kinsta 的免费 SSL 也是完全安全的。Cloudflare 是全球领先的网络安全公司之一,他们为全球数百万个网站处理 SSL 终端。

Valid SSL padlock.

Valid SSL padlock.

免费的 SSL 证书并不意味着它们不安全。实际上,它们和付费 SSL 一样安全,因为这两个选项都使用安全的 256 位加密(SHA256),这是全球主要金融和政府机构使用的相同加密算法。此外,您再也不必担心由于 SSL 证书过期而导致站点停机,因为我们实施的免费 SSL 证书会自动更新。!

Cloudflare SSLs 不提供组织验证(OV)或扩展验证(EV)功能。这意味着证书没有担保,担保是最终用户在受 SSL 保护的网站上提交付款时防止财务损失的保险。

OV 和电动汽车 SSL 是利基产品,它们通常需要一个人来处理购买申请。因此,如果你是一家需要 OV 或 EV SSL 来满足某些业务需求的企业或企业,你需要从第三方供应商那里购买,然后作为自定义 SSL 安装在 Kinsta 上。

除了根域和子域,Kinsta 通过 Cloudflare 提供的免费 SSL 还附带了通配符域支持!一个通配符 SSL 可以保护任意数量的子域名(例如* . domain . com)——这对于依赖大量子域名的商业和教育网站尤其有用。这允许对一个域及其所有子域使用单个证书和密钥对,从而大大简化了 HTTPS 部署。

HTTPS 的好处

在 HTTPS 上实现一个免费的 SSL 证书和运行你的 WordPress 站点有很多好处:

  • 您的数据现已加密且安全。从不传递纯文本。这对电子商务交易很重要,甚至对登录你的 WordPress 网站也很重要。
  • 谷歌官方称 HTTPS 是排名因素
  • 绿色挂锁栏有助于为你的访客建立信任和信誉。
  • 避免 Chrome 警告,它会将收集密码或信用卡的 HTTP 页面标记为不安全。
  • 您将获得更好、更准确的推荐数据。默认情况下,HTTPS 到 HTTP 的推荐数据在谷歌分析中被阻止。
  • 通过使用 SSL 证书并启用 HTTPS,您可以从 HTTP/2 中获得更好的性能。在 Kinsta 上,我们通过我们的 Cloudflare 集成提供对 HTTP/3 的支持,这提供了比 HTTP/2 更大的性能提升。

如何在你的 WordPress 网站上获得免费的 SSL 证书

如果你的站点是由 WordPress 支持的,那么你的主机的仪表板很可能内置了某种免费的 SSL 特性。如果你的主机在 2022 年不提供免费的 SSL 证书,是时候迁移到一个提供的了!

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

大多数 WordPress 主机使用让我们加密来生成免费的 SSL 证书。Let's Encrypt 是一个免费、自动化、开放的认证机构,于 2016 年 4 月正式上线。它最初是由两名 Mozilla 员工在 2012 年创立的。他们的目标?其实很简单:给整个网络加密,让它成为一个更加尊重隐私的环境。

这听起来可能有点疯狂,但正如你所知,在过去的几年里,谷歌一直在大力推动 HTTPS 无处不在,让我们加密真的已经开始在这个行业产生巨大的影响。

2022 年,有超过 2.5 亿个域使用 Let's Encrypt certificates,并且这一增长趋势将逐年持续。如果你想为你的 WordPress 站点使用 Let's Encrypt,首先检查你的主机是否已经内置了这个功能。如果没有,您可以使用简单易用的 certbot 工具免费发布 Let 's Encrypt SSLs。

Kinsta 的免费 SSL

在 Kinsta,托管在我们的基础架构上的所有站点都自动受到具有通配符域支持的 Cloudflare SSL 证书的保护。通过利用 Cloudflare 广泛的 edge 网络,我们能够为 Kinsta 客户提供更好的网站性能,这得益于现代 web 浏览器上更快的 SSL 握手和 HTTP/3 支持。

Sites hosted on Kinsta support HTTP/3 for faster SSL handshakes.

Sites hosted on Kinsta support HTTP/3 for faster SSL handshakes.

我们免费的 Cloudflare SSLs 完全支持通配符域。这意味着,如果你在多站点模式下使用有几十个子域名的 WordPress,你所有的子站点都将被自动保护,而不必在每次添加子站点时都生成一个更新的 SSL 证书。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

虽然 Let's Encrypt 也支持通配符域,但我们发现大多数使用 Let's Encrypt 发布免费 SSL 的主机并不像 MyKinsta 那样支持通配符域。

In addition to free Cloudflare SSLs, Kinsta supports custom SSLs as well.

In addition to free Cloudflare SSLs, Kinsta supports custom SSLs as well.

在 Kinsta 上为您的站点设置 SSL 非常简单。你什么都不用做!在您添加您的域并将其指向 Kinsta 后,一个免费的 Cloudflare SSL 将自动生成,无需您手动添加。如果你需要安装一个定制的 SSL 证书,你只需在 MyKinsta 仪表盘中点击几下就可以完成。

如何验证您的 SSL 证书

有几种方法可以验证您的站点现在是否正在使用免费的 Cloudflare SSL。如果您要覆盖当前的自定义 SSL 证书,最好检查一下是否设置正确。一种方法是通过 https://浏览到你的站点,打开 Chrome Devtools。

  • 视窗: F12或者也可以是Ctrl + Shift + I
  • Mac:T0】

点击进入“安全”面板,然后点击“查看证书”然后,您可以检查发行者。它应该显示为“Cloudflare Inc ECC CA-3”。

Cloudflare SSL in Chrome dev tools.

Cloudflare SSL in Chrome dev tools.

我们也总是建议在你的 WordPress 网站上运行一个 SSL 检查。如果一切设置正确,你应该得到 A 级。最简单的方法是使用 Qualys SSL Labs 的免费 SSL 检查工具。输入你的域名,让它扫描你的网站。

Qualys SSL test.

Qualys SSL test.

摘要

在 2022 年,SSL 证书应该不再被认为是可选的。与 HTTP 相比,HTTPS 提供了改进的安全性、性能和 SEO,这意味着用 SSL 证书来保护您的站点不再有任何缺点!在 Kinsta,我们让发布免费 SSL 证书的过程变得非常简单。此外,我们还提供通配符支持和自定义 SSL 证书。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

市场上 13 款最佳免费视频编辑软件解决方案

原文:https://kinsta.com/blog/free-video-editing-software/

视频编辑可能具有挑战性。

这不仅是一项繁琐耗时的任务,而且选择视频编辑软件会让营销人员感到失落和困惑。

有这么多免费的视频编辑软件解决方案可供选择,都有不同的功能和特点。你怎么知道哪个适合你?

嗯,这取决于你制作的视频类型,你寻求的功能,以及你的视频编辑知识和经验水平。

这篇文章将重点介绍 13 个针对不同使用情况的最佳免费视频编辑软件解决方案。这将有助于您了解哪一种最适合您的需求。

在我们开始之前,让我们看看在选择免费视频编辑软件平台之前你应该考虑的一些因素。

T3】

如何选择合适的视频编辑软件

选择合适的视频编辑软件并非易事。这是一个重大的决定,因为你可能要花几个小时在你的最新内容上。

如果你选择了一个不符合你需要的,你将会有几个小时的挫败感和浪费的努力。你可能会以错误的格式制作视频,在本应只需几分钟的事情上花费数小时,甚至会非常沮丧,以至于不再回来编辑更多的视频。

这就是为什么停下来思考一下你在寻找什么样的视频编辑软件解决方案是至关重要的。

在查看以下选项之前,请考虑以下事项:

  • 你打算用这个软件制作什么类型的视频?
  • 你预期多久制作一次视频?
  • 你对视频编辑的熟练程度如何?
  • 你将使用什么操作系统来制作视频?
  • 你在寻找什么特征?

这些问题将有助于为您和您的企业寻找完美的免费视频编辑软件。

每个软件都有优点和缺点,所以知道你在找什么将有助于你决定使用哪个软件。

使用视频转换器或单独的程序进行音频编辑很麻烦,因此确保您选择的程序提供这些编辑功能很重要。

通过仔细回答每个问题,您将顺利地选择合适的视频编辑软件。

既然你已经知道了你做决定的标准,让我们来看看基于不同经验水平和使用案例的一些最好的免费视频编辑软件。

想让视频剪辑变得轻而易举?📹检查出这些工具为每个经验水平✨ 点击推文

最简单的免费视频编辑软件,适合初学者

你刚刚开始为你的事业制作视频吗?别担心。救援马上就到。

有很多视频编辑工具非常适合初学者。两个最常见的选项包括 Animoto 和 Vimeo 视频制作。

阿尼莫托

Animoto is an easy-to-use video editing software that almost anyone can master in a few minutes.

Animoto 是一款简单易用的视频编辑软件。

Animoto 将自己定位为一家提供视频编辑工具的公司,该工具具有“强大的功能,使视频编辑变得简单”

Animoto 是一个在线视频编辑服务,这意味着没有视频编辑应用程序需要下载。相反,你的作品存储在云上,你可以通过浏览器访问软件。这很方便,因为如果你直接下载到硬盘上,一些旧的视频编辑软件会占用大量的内存空间。

Animoto 使用一个基本的拖放编辑器来鼓励快速、直观的视频编辑过程。上传剪辑后,您可以将它们拖到构建器中,通过运动跟踪调整它们的长度,并使用颜色校正来改变视频的外观和感觉。

有一个徽标水印功能选项,让您能够上传将出现在您所有视频角落的徽标或图标。这可以帮助你的内容品牌化,使其易于识别。当试图开发有效的资产来为你的企业建立一个在线社区时,这是很重要的。

此外,Animoto 还提供了一个图库,其中包含超过 100 万个视频剪辑,您可以无缝地将其拖放到您的作品中。你还将拥有触手可及的模板、文本、字体和音乐,让你能够根据自己的品牌定制视频。

Vimeo 视频制作

Vimeo Video Maker offers a quick way to edit videos online and publish directly on their platform.

Vimeo 视频制作者

Vimeo 视频制作工具对于初学者来说非常容易使用。这也是一个基于云的视频编辑工具,不需要下载或大量的存储空间。

Vimeo Video Maker 提供了标准在线视频编辑器的所有功能。用户可以浏览 Vimeo Create 的无限股票库,并使用 Vimeo 的免费模板制作宣传片、广告、教育视频等。此外,您可以添加文本、标题、颜色等来个性化您的视频。

Vimeo Video Maker 的独特功能之一是它的视频模板。这些模板使用人工智能“在几分钟内将你的视频缝合在一起。”引导式模板将您的剪辑与标题帧和音乐组合在一起,您可以对其进行个性化设置。只需点击几下,就能为您的视频打下坚实的基础。

Vimeo Video Maker 的另一个好处是能够直接发布到 Vimeo 和其他社交媒体平台。视频编辑工具具有内置的共享功能,允许您选择在哪些网络上共享您的视频。这使得你的视频活动的推广方面更加容易和无缝。
T3】

clipcamp

Clipchamp

clipcamp在 200+个国家拥有 1700 万创意用户,并将自己作为 要求 没有编辑经验的工具进行营销。Clipchamp 可以在线访问,这意味着不需要额外的应用程序下载或安装。

这款基于网络的视频编辑器具有高级功能,可轻松创建专业外观的视频。一些最值得注意的是绿屏背景,人工智能画外音,在线屏幕和网络摄像头录制,视频叠加,股票媒体,等等。按钮和选项都有清晰的标签,平台非常容易学习和理解。

如果你苦于没有主意,Clipchamp 有一个由各行各业的专业人士创建的可定制视频模板库。只需更改文本,添加更多的元素和媒体,就可以导出了。无论你是为你的社交媒体账户制作个人视频,还是为商业营销制作公司视频,他们都有适合你的模板。

YouTube 最好的免费视频编辑软件

有信心将自己的视频上传到 YouTube 上吗?

虽然大多数免费视频编辑软件会帮助你创建可以上传到 YouTube 的东西,但其中两个最好的是 Filmora 和 CyberLink PowerDirector 365。

Filmora

Filmora offers a unique fisheye correction function, making it easy to stylize your footage.

菲尔莫拉

Fillmora 邀请用户“无限制地创造”为了完成这一使命,视频编辑工具试图成为“所有创作者的视频编辑器”凭借易于使用的界面,Filmora 可以成为您创建下一个 YouTube 视频的重要资产。

Filmora 提供了丰富的功能,使其成为一款极具吸引力的视频编辑解决方案。首先,您可以使用多达 100 层的介质。这意味着您的视频中可以同时有多个媒体资源,其中一些在不同的层上与另一些重叠。

Filmora 还使创作者能够添加过渡、视频效果、鱼眼校正、运动图形等,使您的视频更吸引观众。您将有机会将您的视频剪辑与其他媒体分层,包括您在绿色屏幕前拍摄的内容。这将允许您将其他媒体内容粘贴到您身后多余的绿色空间中。

Filmora 提供 4K 视频编辑和快速渲染,使其成为 YouTube 上传的最佳选择。你要确保你只是上传高质量的视频到 YouTube,这样你的品牌就能以最好的方式展示出来。

Filmora 可以提供这些类型的视频以及更多内容。

Cyberlink PowerDirector 365 is compatible on both Mac and Windows computers.

Cyberlink power director 365

CyberLink PowerDirector 365 是另一个有用的视频编辑器,可以在几分钟内制作出 YouTube 视频。该软件与 Mac 和 Windows 都兼容,需要下载到您的系统上才能运行。

拖放界面可以轻松地将剪辑剪切、添加和缝合到一部正片长度的电影中。该软件还有一个视频拼贴设计器,可以让你创建一个画中画风格化的场景。

标题设计器功能提供了大量标题样式供选择。这使得它成为 YouTube 的最佳视频编辑解决方案,因为标题序列是 YouTube 视频的推荐选项(当然也是鼓励选项)。

使用混合模式和遮罩设计器添加过渡,可以将这些字幕序列无缝集成到视频中。

Windows 10 最好的免费视频编辑软件

您使用的是 Windows 笔记本电脑还是台式电脑?一些视频编辑软件选项在一个操作系统上比在另一个操作系统上效果更好。

对于 Windows 10,我们发现 Adobe Premiere Pro 和 Lightworks 最适合您的视频编辑需求。

Adobe Premiere Pro

Adobe Premiere Pro is a market leader in the video editing software space.

Adobe Premiere Pro

Adobe Premiere Pro 将自己定位为“永远领先的视频编辑器”,我们同意这一点。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Adobe Premiere Pro 是市场上最全面的视频编辑软件解决方案之一。Adobe 也是一个值得信赖的品牌,已经存在了几十年。

Adobe Premiere Pro 的优势在于它可以与其他 Adobe 产品进行本机集成。如果你的技术已经严重依赖于 Adobe 产品,这可能适合你。例如,该软件可以与 Adobe Sensei 集成,以节省您的时间并启动集成的工作流程。

Adobe Premiere Pro 使您能够编辑任何格式的素材,包括从 8K 到虚拟现实。该软件甚至有一个名为 Premiere Rush 的衍生应用程序,让你可以继续在手机上编辑视频。这使得在旅途中编辑内容变得很容易。

照明工程

Lightworks offers unique social media templates, making it the perfect editor for digital marketers.

Lightworks 将自己定位为寻找下一个视频编辑解决方案的营销人员的“首选工艺编辑工具”。视频编辑软件使初学者和有经验的编辑人员能够轻松创建引人注目的视频内容。

有许多不同的功能使 Lightworks 从其他竞争对手中脱颖而出。该软件提供社交媒体模板、时间线编辑、实时音频和视频效果以及广泛的文件格式支持。

Lightworks 称之为“强大的资产分组关联”,简化了整个编辑过程这是对剪辑和照片进行分组和标记的过程,以使它们易于找到并放入编辑器中。

使用 Lightworks,您可以轻松导出您的视频,使其与 YouTube 和 Vimeo 兼容,并创建标清、高清甚至 4K 的低分辨率和高分辨率视频。

最好的 Mac 免费视频编辑软件

如果你正在使用一个 Mac 设备来编辑你的视频,你会想要找到最适合你的设置的视频编辑软件。

在检查了所有与 Mac 兼容的软件后,iMovie 和 Final Cut Pro 脱颖而出,成为我们推荐的两款工具。

iMovie

iMovie is one of the most well-known video editors, because it comes pre-installed on MacBooks.

iMovie

T4】

iMovie 邀请用户“将你的视频变成电影魔术”iMovie 是所有 Mac 设备上预下载的标准视频编辑软件。它兼容各种苹果设备,如 iOS 和 macOS。

该软件是基本的,对于试图制作简单、高质量视频的新营销人员来说非常直观。iMovie 提供了 13 种创造性的视频滤镜和 80 多种音频选项,可以智能地适应影片的长度。

此外,还有绿屏效果和预告片模板,可以将您的视频组织成电影预告片。导出后可以直接分享到 YouTube、Vimeo 之类的特定公共频道。

使用 iMovie,您可以轻松拍摄视频剪辑,并在其影音制作中添加视觉效果。对于操作这款软件的 Mac 用户来说,编辑视频轻而易举。虽然编辑功能可能不会太复杂,但界面简单易用,只需在您面前显示必要的功能。

iMovie 的简单性,以及它可能已经下载到您的设备上的事实,使它成为 Mac 用户的最佳选择。

Final Cut Pro

Final Cut Pro enables editors to make high-quality videos in a fraction of the time.

终裁亲

Final Cut Pro 比 iMovie 更复杂,它邀请用户“有力地讲述任何故事”这个视频编辑解决方案具有许多功能,使其成为 macOS 上最全面的视频编辑软件解决方案之一。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Smart Conform 功能会检查您的剪辑并相应地裁剪它们,以关注视频中的主要元素,并确保它们的大小适合不同的平台。这对于想要在不同的社交媒体平台上发布视频的营销人员来说是非常理想的。由于每个平台都有自己的大小要求,从长远来看,这可以节省很多时间。

用户可以与世界各地的其他 Final Cut Pro 编辑器无缝共享视频内容,并轻松传输他们的 4K 和 8K 影片文件。此外,该软件具有多摄像头编辑功能,允许您以不同的格式、大小和速率匹配多达 64 个角度的视频。这将使你的视频更吸引人,看起来更漂亮。

最好的免费视频编辑软件

如果你正在使用 Linux ,有大量的选项可以让你创建引人入胜的视频。

我们推荐的两个选项是 Kdenlive 和 Blender,用于快速、轻松地制作视频。

Kdenlive

Kdenlive is an open-source software that is constantly updated with new code and features.

Kdenlive

Kdenlive 是一款开源的视频编辑软件,这意味着它由全球多个开发者共同开发。这使得它成为一个高质量的视频编辑器,具有大量不同的功能和特性。

例如,Kdenlive 具有多轨道编辑功能,允许同时编辑多个音频和视频轨道。此外,它几乎兼容您想要上传到平台的任何音频/视频格式。上传后,您可以使用示波器调整来增加或减少听力计、直方图、波形和矢量示波器。

该平台提供自动备份,因此即使你忘记保存,你也不会丢失任何工作。此外,它还提供代理编辑来修复低分辨率内容,并确保它是您试图制作的视频的质量。Kdenlive 是一个简单易学的视频编辑器,你会很快学会并爱上它。

搅拌机

Blender enables users to create high-quality 2D and 3D videos.

搅拌机

Blender 是一个开源的 3D 视频创作套件,它可以给你的视频带来新的深度和吸引观众的元素。该软件以其 3D 管道而闻名,它提供了从动画到模拟,运动跟踪等一切。

使用 Blender,您可以在有限的时间内创建引人入胜的高质量视频。您将拥有与普通编辑器相同的所有选项,包括 32 个以上的插槽,用于添加视频、图像、音频、遮罩和效果等多媒体内容。您还可以添加过渡、滤镜和图层。

添加内容后,您可以使用速度控制来控制播放速度,混合音频,甚至基于创建的声音创建波形可视化。通过将基本的视频编辑软件功能与 Blender 的 3D 功能相结合,您可以创建一个强大的视频,在更深的层面上激发观众的共鸣。

播客最好的免费视频编辑软件

开始你自己的播客?你必须考虑很多事情,比如话题、录音、预定客人等等。

你最不想做的事情就是担心你的视频编辑软件。Magisto 和 Movavi 是两个主要的视频编辑软件解决方案,用于制作播客。

马吉斯托

Magisto is an easy-to-use online video editor that deploys AI to make quick videos.

法师

Magisto 是一款视频编辑软件,用户可以“成为视频超级英雄”,在几分钟内制作视频。全球超过 60,000 多名视频编辑使用该软件创建高质量的视频内容。

该公司的智能视频编辑器使用人工智能制作高质量的视频,只需点击几下鼠标。AI video maker 将你的视频和照片编辑成一个故事,将它们串联成一个完整的视频。然后,您可以调整它们并个性化您的内容,以确保它符合您的标准。

Magisto 与 iStock 集成,因此您将拥有数以百万计的库存照片,可以随时使用。当与您的原始视频内容配对时,这些图像将创建一个更动态的视频。

该平台还提供了一个原生播放器,你可以添加到你公司网站上的主机视频框架。这一功能让 Magisto 不仅仅是一个视频编辑器。这是一个全方位服务的视频套件解决方案。

Movavi

Use the Movavi screen recorder to capture content in real-time.

Movavi

Movavi 是一个“多功能视频制作工具”,非常适合制作各种各样的内容。与我们提到的其他产品不同,Movavi 具有屏幕录制和照片编辑功能,为您提供了捕捉原创内容的新方法。

使用 Movavi,您可以使用色度键功能轻松地将剪辑的背景更改为您想要的任何内容。完成编辑后,您可以轻松地将视频导出为各种常用格式。Movavi 估计制作成品大约需要 20 分钟。

它提供了大量的标题序列,过滤器,和过渡选择。这使得创建包含各种序列和元素的令人难忘的 podcast 视频变得容易。通过选择 Movavi,您将创建一个视觉上引人注目的视频播客,您的观众将会喜欢。

最好的免费视频编辑软件

现在你已经看到了前 13 名的免费视频编辑软件平台,你可能想知道:总体来说什么是最好的?

虽然这取决于你的使用情况,但 Animoto 确实是最容易使用的软件,有许多特性和功能供你探索。

如果你赶时间,我们建议使用 Vimeo Video Marketer 或 Magisto,利用人工智能技术为你创建和缝合视频。

这将为您提供个性化和编辑内容的基础,使其更接近您的整体愿景。

有了这些视频编辑软件选项,您将踏上创作引人注目的内容的征程,观众将会认可并喜爱这些内容。

为你的下一个项目寻找合适的视频编辑平台?👨‍💻这份指南涵盖了你📹

摘要

选择一个免费的视频编辑软件解决方案并不困难。事实上,这很容易,也很有趣。如果你停下来想一想你在你的视频编辑软件中寻找什么,你会有一个更清晰的路线图,你需要使用哪一个。

有了上面列出的 13 个选项,当您开始评估您的视频编辑软件需求时,您将有很多选择。将您的特性和功能愿望清单与我们在本文中概述的有价值的视频编辑解决方案进行交叉比较。

通过为您的企业选择合适的视频编辑软件,您将确保以最有效的方式快速制作高质量、引人入胜的视频。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

免费 WordPress 托管值得吗?需要考虑的 10 个因素

原文:https://kinsta.com/blog/free-wordpress-hosting/

你已经决定创建一个 WordPress 网站,你清单上的第一件事就是寻找一个托管服务。

世界顶级内容管理系统 WordPress 可以免费使用,但是需要一个网络主机。你可能会发现选择一个虚拟主机提供商很棘手,因为有各种各样的选择。

高级虚拟主机服务通常根据你的服务类型收取月费。

但是如果当你还是这个平台的新手时,有一种方法可以获得免费的 WordPress 托管服务,这不是很方便吗?

一些主机提供商提供免费的 WordPress 主机服务,没有试用期。客户可以自由尝试他们认为合适的虚拟主机服务,并在需要时升级他们的免费 WordPress 虚拟主机计划。

听起来很棒,对吧?

但是免费的 WordPress 托管也有一些主要的缺点。继续阅读,了解更多。

WordPress 有免费托管吗?

简短的回答是“是的!”WordPress 软件可以免费使用,你可以在 WordPress 下载。然而,它需要一个网络主机来在线查看网站并存储其文件。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

A screenshot of the WordPress.org homepage with white text on a blue background saying

WordPress.org homepage. (Image source: WordPress.org)

有了 WordPress.org 软件,你可以选择通过注册自己选择的托管计划来建立一个自托管网站。

许多人认为开设一个 WordPress.org 账户很复杂,但事实并非如此。虽然你可以通过创建一个数据库并使用脚本安装程序来手动安装 WordPress,但是一旦你注册了一个虚拟主机计划,大多数虚拟主机都会提供一个点击式 WordPress 安装程序。

如果你不精通技术,你可以选择一个免费的网站建设者为你设置一切。

WordPress 背后的 Automattic 公司通过 WordPress.com 提供了后一种选择。

A screenshot of the WordPress.com homepage with blue text on a white background saying

WordPress.com homepage (Image source: WordPress.com)

WordPress.com 是一个建立在 WordPress.org 软件上的“网站即服务”。

不需要下载 WordPress 和做任何事情,从搜索和支付虚拟主机提供商,所有你需要做的就是在 WordPress.com 上创建一个网站。

WordPress.com 将免费托管你的网站,并在一定程度上处理一切事务。

WordPress.com 的突出特点包括:

  • 无限带宽
  • 3 GB 的存储空间
  • 免费 SSL 证书

它还有其他一些优点:

  • 简单的设置过程
  • 可定制的仪表板和网站,有数百个免费的主题、模板和插件可供选择
  • 可作为移动和桌面应用程序

但是也有一些明显的缺点:

  • 安装你选择的插件的自由度减少
  • 你被一个 com 子域卡住了(在免费计划上)
  • 不能直接访问服务器,这意味着你不能通过网站的控制面板连接到 FTP 文件管理器或者管理你的数据库

Is free WordPress hosting worth it? 👀 Spoiler alert: probably not 😬Click to Tweet

为什么有些人选择免费的 WordPress 虚拟主机

为什么人们会选择免费的 WordPress 虚拟主机而不是付费的计划,有不同的原因。一些原因可能是:

  • 他们想在不花钱的情况下先试用这项服务
  • 免费计划为他们提供了足够的需求
  • 他们不经常使用这项服务,也不想每月为网络主机付费

免费的 WordPress 虚拟主机对于那些只想分享内容的非技术通用户来说是一个合理的选择。然而,我们不推荐那些关心他们的 SSD 存储规格或者要求直接访问他们的服务器或者 MySQL 数据库的熟练用户。

我们也不建议你为专业或高流量的网站使用免费的 WordPress 托管,我们将在下面进一步讨论。

为什么公司提供免费的 WordPress 托管服务

从商业角度来看,可能很难理解为什么公司会提供免费的 WordPress 托管服务。他们如何赚钱?他们从中获得了什么?

一些企业提供免费的 WordPress 主机作为测试的一部分。他们让用户在上线前试用他们的服务。

也有像 WordPress 这样的公司,WordPress 基金会拥有这些公司,他们可以提供免费的主机服务,作为他们使命的一部分,让每个人都可以使用软件。

对于其他公司来说,免费的 WordPress 托管是他们商业策略的一部分。互联网创业公司通常会提供免费增值的商业模式。这些公司通过提供免费服务来说服用户试用他们的软件,从而与他们的客户群建立关系。

当客户依赖这些免费服务时,他们会尝试在自己的专业知识和核心业务之外追加销售附加服务,如域名注册、额外存储和搜索引擎优化服务。

免费 WordPress 托管的典型包含

Web 主机通过提供磁盘空间和带宽来运行。

虚拟主机的基本功能之一是磁盘空间,因为它为网络内容提供存储空间。没有存储空间,您就无法访问您的数字文件,如照片、视频、代码或文本。

WordPress 主机提供商将内容存储在一个非现场的网络服务器上,这个服务器可以是一个物理网络,也可以是 T2 云存储。

虚拟主机的另一个显著特征是带宽,即可以在你的网站、用户和服务器之间传输的数据容量。

有了免费的 WordPress 主机,用户得到有限的磁盘空间和带宽。一些免费的主机提供商也在你的网站上贴广告,并且只提供品牌子域名。

在免费和付费 WordPress 主机之间选择时的 10 个考虑因素

免费 WordPress 虚拟主机最明显的优势是不需要为虚拟主机服务付费。这让你可以尝试这项服务,因为它是免费的,你不受合同约束,当你不满意时,你可以离开。

在为你的 WordPress 站点选择虚拟主机方案之前,做好你的研究。查看知名网站和论坛上的评论。始终阅读服务条款(TOS)和细则,以防止签署内容控制权。即使你认为你找到了最好的免费 WordPress 虚拟主机,你也可能最终无法合法拥有你网站上的内容。

根据我们接下来要谈到的十个因素来选择你的主机提供商是最明智的。

1.持久

付费虚拟主机提供商倾向于停留更长时间。注册免费 WordPress 虚拟主机时要小心,因为虚拟主机提供商可能某一天还在,第二天就走了,带走你所有的数据。

A screenshot of an old GeoCities website showing a picture of the band NSYNC over a blue background superimposed with yellow text saying '~For every N SYNC fan... This one's for you... The fans... Thank you..

A GeoCities website. (Image source: Mental Floss)

雅虎在 2009 年关闭的 GeoCities 就属于这种情况。他们放过了 GeoCities Japan,但最终在 2019 年终止了这项服务。

永久性不仅仅适用于托管服务提供商的消失——这也意味着你的网站可能会突然被删除或者被存档。

例如,当你浏览 000webhost 的支持论坛时,用户会分享他们网站突然被归档的实例。

大多数免费的 WordPress 主机都试图节约资源,所以他们定期对不活跃的网站进行大规模清理。即使您的网站不活跃,您的网站也可能会受到这些清除的影响。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

000webhost support forums posts discussing websites being permanently deleted.

000webhost support forum. (Image source: WinningWP)

为了节省资源,免费虚拟主机提供商可以自动暂停超过内存或处理能力限制的网站。如果第三方或工作人员举报你,你的主人也可以阻止你。

虽然付费主机也可以暂停网站,但他们有经济动机不这么做。有了这些主机提供商,你的数据会安全得多。

2.表演

当多个网站共享服务器资源时,它们的性能会受到影响。当一个网站需要的带宽超过可用于处理流量的带宽时,它会用完分配给其他网站的带宽。

免费的 WordPress 虚拟主机已经限制了带宽,允许任何人注册一个虚拟主机账户,这种效果被放大了。

因为性能是不可靠的,你也可以预期间歇性停机,自动 WordPress 备份和电子邮件发送失败,以及网络错误。

付费虚拟主机保证你拥有最新的产品,如 PHP最新版本,它还可以提供其他功能来更好地管理你的网站,如标准控制面板替代品。

3.服务器资源

高级主机公司有资源购买强大的服务器,可以提供无限的磁盘空间和健康的带宽,这是免费主机计划所不能提供的。

免费主机包的资源有限,用户必须在多个网站之间共享。你经常会有不足的磁盘空间——有时甚至不够安装 WordPress 插件或 WordPress 主题——和有限的带宽。

可靠的 WordPress 主机服务需要花钱是有原因的。一份的虚拟主机费用分类表显示,30%用于支付数据中心的服务器空间,而其余的用于其他成本,如营销和支付员工工资。

信息

服务器空间和快速稳定的主机基础设施需要花钱,但这是值得的。

4.网站速度

由于你通过免费的 WordPress 主机与其他用户共享有限的资源,这意味着缓慢的网站速度——特别是当你的服务器上有几个其他网站的时候。

付费主机服务为你提供了多种存储和带宽选择,所以你的页面可以快速加载。另一方面,有了免费托管包,你别无选择,只能坚持较慢的共享网站速度。

5.安全性和数据隐私

安全性和数据隐私可不是闹着玩的。

在过去的几年里,安全漏洞增加了 67% ,将近一半的美国人说他们的个人信息因数据泄露而受损。

作为一个平台,WordPress 是安全的,但是由于它的流行,它已经成为许多数据泄露的目标。

需要为你的 WordPress 站点提供超快的、可靠的、完全安全的托管服务吗?Kinsta 提供所有这些以及 WordPress 专家提供的 24/7 世界级支持。查看我们的计划

防止这些攻击的一个方法是选择一个可靠的网络主机。许多付费虚拟主机服务提供隐私工具来保护你的网站安全。

预计免费虚拟主机会忽略安全功能,如 DDoS 保护防火墙和主动插件漏洞检查,因为主机资源已经越来越少。

运行一个安全的主机基础设施需要花钱,所以免费提供服务的公司在重要的安全功能上节省开支。
T3】

6.最新技术

同样的,你需要更新 插件、主题和核心来保证你网站的安全。你还需要确保你的网站使用最新的技术。

例如,PHP 5.6、7.0、7.1 和 7.2 没有获得安全修复,这意味着如果你想保持你的 WordPress 网站安全,你至少需要使用 PHP 7.3。

不幸的是,大多数免费的 WordPress 主机不提供任何超过 PHP 7.0 的东西,这让你的网站存在潜在的漏洞。

7.客户支持

新网站所有者在建立他们的第一个网站时,通常需要大量的技术支持,这是免费的 WordPress 主机无法保证的。

如果你需要帮助和故障排除,注册一个高级 WordPress 计划。最好的公司有客户支持代理,他们通过电子邮件、电话或聊天来回答问题。他们还提供一个充满视频、文章和教程的知识库,教你如何建立一个用户友好的网站。

8.广告和子域

免费增值模式通常赚钱的方式之一是通过广告收入。当使用免费的 WordPress 虚拟主机时,你会看到你的网页上到处都是广告,这会吓跑访问者。

信息

一些网站,如专业新闻媒体,可能会选择使用广告来抵消成本或增加收入。

The Forbes homepage with a banner ad boxed in red

Ads on the Forbes homepage. (Image source: Forbes)

撇开审美问题不谈,你必须警惕这些托管平台放在你网站上的广告。它们可能是直接竞争对手的广告,也可能是你觉得不合适的内容。

有时,网络罪犯甚至可能从广告网络购买广告空间,并提交受感染的图像。

免费虚拟主机通常会附带一个免费的子域,比如“mysitename.wordpress.com”。如果你想显得专业,你需要购买一个 自定义域名

没有你的领域是一个倒胃口。人们会质疑你的声誉,怀疑你是否有能力支付托管费用,或者你是否足够认真地对待你的服务。

高级计划通常包括免费的域名注册、定制电子邮件账户,而且没有广告。

9.SEO 注意事项

如果性能、安全和速度的劣势还不够,使用免费网站托管会在多个方面对搜索引擎优化产生负面影响:

  • 缓慢的网站速度导致缓存问题和更长的页面加载时间,对用户体验产生负面影响。
  • 域权限【DA】通过在一个子域上托管自己的网站。
  • 安全问题缺乏保护,这可以阻止谷歌的搜索爬虫访问你的网站。

10.易于迁移

如果你决定离开你的虚拟主机,著名的虚拟主机提供商会让数据传输变得容易,这样你就可以轻松地迁移到另一个平台。

免费的主机提供商可能不那么亲切。记住,他们从你页面上的广告中赚钱——他们为什么要放你走?

如何升级到高级 WordPress 主机

如果在阅读了上面的注意事项后,你对免费主机所能提供的特性感到满意,那么就没有理由改变。

然而,一旦你的网站开始带来更多的流量,或者你希望扩展功能,你可能会考虑升级到一个高级的 WordPress 主机,比如 Kinsta。

廉价的 WordPress 托管服务有其自身的缺点,从长远来看,比大多数优质解决方案花费更多。阅读我们关于 it 的深度文章了解原因。

Kinsta 的托管 WordPress 托管计划是为 WordPress 量身定制的。我们经验丰富的 WordPress 开发者团队已经提出了一个优质的托管解决方案,包括你所期望的云托管的所有速度和规模优势。

最重要的是,我们的计划不含广告,对开发者友好,包括以下内容:

  • 免费 WordPress 安装
  • 免费 SSL 证书
  • 企业 Cloudflare 集成
  • DDoS 保护
  • 暂存环境
  • 免费 CDN
  • 每日备份
  • 全天候正常运行时间监控
  • 客户支持
  • 访问知识库和教程
  • 正常运行时间保证

当你准备好做出改变时,Kinsta 还提供来自所有主机提供商的免费基本网站迁移,包括 Bluehost、SiteGround、DreamHost、HostGator 和 GoDaddy。

Saving money = great. 💸 Performance and UX issues= not so great. 😅 See the real cost of free managed hosting right here ⬇️Click to Tweet

摘要

运行良好的免费 WordPress 主机是例外,而不是常态。

无论你是博客写手还是电子商务企业,如果你认为选择免费的 WordPress 托管服务可以省钱,那你就大错特错了。您将花费大量的时间、资金和精力来解决与安全性、性能和整个网站可靠性相关的问题。

如果你对你的 WordPress 站点很认真,最好支付一个托管计划。可以把月租费看作是对易用性、更好的性能、安全性和安心的小小投资。

还在犹豫要不要尝试托管 WordPress 主机?在下面的评论区分享你的想法吧!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

FreshBooks vs QuickBooks:自由职业者和代理机构哪个更好?

原文:https://kinsta.com/blog/freshbooks-vs-quickbooks/

作为一名小企业主,你最喜欢的部分是什么?

以下是一些你可能没有说的事情:准备发票、填写费用报告、支付账单或跟踪你的工作时间。

不幸的是,自由职业者和机构所有者都无法逃避这些繁琐的会计工作。但是基于云计算的会计软件可以让他们轻松很多。

但是你应该选择哪种在线会计软件呢?

QuickBooks 是市场上最知名的会计软件,但它有很多竞争对手。对于像您这样的小型企业来说,这是最佳解决方案吗?本文将 QuickBooks 与另一个流行的选择 FreshBooks 进行了比较。

请继续阅读这篇广泛的 Freshbooks vs QuickBooks 帖子,以确定自由职业者和代理商的更好选择。

QuickBooks 概述

游戏中最重要的玩家(至少在北美)是 QuickBooks

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

QuickBooks 是由软件巨头 Intuit 开发的,该公司拥有 TurboTax 和 Mint 等金融产品。

Intuit 自 1983 年以来一直存在,并于 1992 年发布了 QuickBooks。该产品的云版本 QuickBooks Online (QBO)于 2001 年问世。

今天,包括在线和桌面版本在内的 QuickBooks 产品在美国拥有 76%的市场份额。

A map of the market share Quickbooks has

QuickBooks global market share. (Source: Codat)

本文将关注在线 QuickBooks。QBO 的特色包括:

  • 货品计价
  • 收入和支出跟踪
  • 账单管理
  • 里程跟踪
  • 时间跟踪
  • 存货管理
  • 损益报告
  • 自动化网上银行

What’s your favorite part about being a small business owner? 👩‍💻 Probably not preparing invoices, filling out expense reports or paying bills. 😅 Get help with these popular accounting tools! 👇Click to Tweet

新书概览

新书于 2003 年首次发行。Mike McDerment 经营着一家四人设计机构,他对可用的发票解决方案感到沮丧。所以他创造了一个更好的。

FreshBooks 仍然非常关注个体经营者。尽管它在美国只有 4%的市场份额,但它在自由职业者和小企业中有着良好的声誉。

功能包括:

  • 货品计价
  • 收入和支出跟踪
  • 时间跟踪
  • 图像和文件共享
  • 信用卡支付和银行存款
  • 报表生成
  • 里程跟踪

新书 vs QuickBooks 定价

您正在为您的企业寻找最好的会计软件。

但是作为一个自由职业者或小企业主,你也必须注意价格。

新书定价计划

  • 精简版:15 美元/月
  • 另外:每月 25 美元
  • 保险费:50 美元/月
  • 选择自定义定价

如果你选择按年计费而不是按月计费,你可以节省一些钱。还有 30 天的免费试用期——不需要信用卡。

计划中最重要的区别是你可以拥有多少付费客户。Lite 计划只允许你给 5 个客户开发票,而 Plus 计划允许你给 50 个客户开发票。高级,并选择允许无限的客户端。

QuickBooks 定价计划

  • 简单的开始:每月 25 美元
  • 必需品:50 美元/月
  • 另外:每月 80 美元
  • 高级:每月 180 美元
  • 台式机专业版:349 美元/年

这些价格假设你有 30 天的免费试用期。如果你选择放弃试用,你可以享受三个月 50%的折扣。

QuickBooks 不像 FreshBooks 那样限制你的客户。但是,它会限制您的帐户上可以拥有的用户。使用简单启动,您只有一个用户。Essentials 计划包括三个用户,Plus 允许五个用户,Advanced 允许 25 个用户。

时间跟踪和库存管理是简单启动计划中缺少的两个更重要的功能。你需要有基本计划或更高的计划来跟踪时间。对于库存管理,您至少需要 Plus。

那么哪个方案定价更好呢?

如果你是一名自由职业者或只向五个客户收费的代理人,FreshBooks Lite 可能会提供你需要的所有功能,这是迄今为止最便宜的方案。

即使你给 50 个客户开账单,FreshBooks Plus 也和 QuickBooks Simple Start 一样便宜,而且 FreshBooks Plus 会给你提供跟踪时间的能力。

如果你有超过 50 个客户,你必须每月支付 50 美元才能获得 FreshBooks Premium。

在这一点上,如果你不需要时间跟踪,QuickBooks 简单启动是更实惠的选择。如果您需要时间跟踪,FreshBooks Premium 和 QuickBooks Essentials 计划价格相同。

自由职业者

还有一个名为 QuickBooks Self-employee(QBSE)的 QuickBooks 版本,每月 15 美元。这在技术上独立于 QBO,尽管它也是基于云的产品。

QBSE 非常基础,它的开票能力有限。它擅长提供税务帮助,但缺乏大多数企业主需要的会计功能。
T3】

FreshBooks 与 QuickBooks 功能对比

QuickBooks 和 Freshbooks 有许多相似的功能,但有一些关键的区别。

让我们来看看您在选择会计软件时要考虑的主要特性。

货品计价

FreshBooks 发票易于使用。

您可以从可定制的发票模板开始,选择您的发票徽标、颜色和字体。

Example of a Freshbooks invoice

FreshBooks invoice.

FreshBooks 可以自动完成许多繁琐的发票工作,如设置重复发票或发送逾期付款提醒,以及申请滞纳金。

如果您将工时标记为可计费,发票可以直接从时间跟踪功能中提取数据。

在很大程度上,QuickBooks Online 提供了类似的发票功能。发票是可定制的,并有多种自动化选项。

对于没有多少会计软件经验的人来说,FreshBooks invoicing 更容易使用。另一方面,QBO 更适合大型企业的需求,比如批量开具发票。

虽然 QuickBooks 可以自动将时间跟踪数据添加到发票中,但该功能只有在您拥有 Essentials 计划的情况下才可用。

这两个解决方案都是很棒的发票软件,但 FreshBooks 对自由职业者来说有一点优势,因为它易于使用,并且集成了时间跟踪功能。

费用跟踪

QuickBooks 和 FreshBooks 提供非常相似的费用追踪。

两者都可以连接到你的银行账户和信用卡,这样你的账本就可以自动更新你最近的消费。QuickBooks 还可以连接到您的 PayPal 账户。

您可以通过给收据拍照来将费用添加到 QuickBooks 和 FreshBooks 中。这两个平台都可以将你的支出归类到税收优惠的类别中。

如果您将费用标记为可计费,您可以在 FreshBooks 或 QuickBooks 上将它们纳入客户发票。

除非 PayPal 整合对你的业务至关重要,否则没有明显的赢家。

客户付款

你最不希望看到的就是你的客户努力付钱给你。

幸运的是,QuickBooks 和 FreshBooks 都使客户支付变得容易。他们都接受信用卡,银行转账和贝宝。两者都允许你给你的客户发送一封带有支付发票链接的电子邮件。

他们都收取交易费来收取款项。金额相似:

  • FreshBooks :所有信用卡交易的 2.9% + $0.30,美国运通除外,为 3.5% + $0.30。ACH 转账 1%。

  • QuickBooks :在线信用卡每笔交易 2.9% + $0.25,刷卡信用卡每笔交易 2.4% + $0.25,键入卡每笔交易 3.4% + $0.25。每笔 ACH 转账收取 1%的费用。

QuickBooks 有一个时尚的在线支付门户。

The QuickBooks online payment portal

QuickBooks online payment portal.

然而,由于其结账链接功能,FreshBooks 赢得了在线支付。结帐链接是独特的支付链接,让您无需发票即可在线付款。

将这些链接添加到您的网站或社交媒体的便利性使其在在线支付方面领先于 QuickBooks。

QuickBooks 有更好的当面收款方式。你甚至可以额外付费获得一个 QuickBooks 移动信用卡阅读器。

FreshBooks 还通过一个高级支付插件提供一些电话和亲自支付选项,但 QuickBooks 仍然是实体企业更强大的解决方案。

存货管理

直到最近,FreshBooks 才拥有任何本地库存管理功能,尽管它确实集成了一些第三方库存管理应用程序。

这在 2020 年发生了变化。

现在 FreshBooks 提供简单的库存跟踪。您可以保留一份更新的库存清单,当您为某个项目开具发票时,其库存数量会自动减少。

QuickBooks 库存管理通过出色的报告和分析超越了跟踪。你可以很容易地看到你的畅销书,总销售额,或税收。如果一件商品快卖完了,你也可以收到库存不足的通知。

QuickBooks 是管理库存的更好选择。

时间跟踪

每个 FreshBooks 计划为整个团队提供无限的时间跟踪。

您可以记录特定客户的计费时间,并自动将该时间添加到客户发票中。

A screenshot of FreshBooks time tracking

FreshBooks time tracking.

更贵的 QuickBooks 计划也提供时间跟踪。然而,FreshBooks 时间跟踪是为自由职业者设计的,而 QuickBooks 更适合大型销售团队。

对于需要时间追踪的自由职业者来说,FreshBooks 是一个明确的选择。

报告

通过报告,您可以深入了解交易细节,或者全面了解公司的财务状况。

FreshBooks 一如既往地提供了直观、用户友好的体验。您可以生成七种 FreshBooks 报告:

  1. 发票详细信息
  2. 费用明细
  3. 损益
  4. 帐龄帐户
  5. 税务汇总
  6. 已收款

使用 QuickBooks,您可以使用的报告取决于您的计划。但是,即使是最便宜的简单启动选项,也会提供几十个报告。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

简单入门提供的 QuickBooks 报告的不完整列表包括:

  • 资产负债表
  • 损益占总收入的百分比
  • 按客户划分的损益
  • 现金流量表
  • 按客户销售汇总
  • 按供应商列出的交易列表

A screenshot of the QuickBooks dashboard

QuickBooks dashboard.

虽然我们很欣赏 FreshBooks 提供的直截了当的报告,但我们不得不把这个交给 QuickBooks。

集成

FreshBooks 和 QuickBooks 都提供了大量的第三方集成库。

这些平台相当均衡——最佳解决方案将是集成了您的业务需求的解决方案。

看看完整的新书列表vsQuickBooks来决定。

一些流行的 FreshBooks 集成包括:

  • Shopify: 自动将您的客户和订单同步到 FreshBooks
  • Zoom: 自动将您的会议记录放入 FreshBooks,并用于客户计费
  • Gmail: 将 Gmail 联系人添加为客户,直接从您的 Gmail 帐户创建发票并通过电子邮件发送。

虽然 QuickBooks 提供:

  • Shopify: 将您的 Shopify 销售与 QuickBooks 整合
  • 亚马逊业务:在 QuickBooks 中跟踪亚马逊业务购买
  • Fathom: 利用预算、预测和财务仪表板

移动的

如果您不在电脑旁时想查看仪表盘或更新发票,该怎么办?

新鲜书和 QuickBooks 的移动产品基本相同。它们都提供适用于 Android 和 iOS 的移动应用。它们在发票创建、费用跟踪、里程跟踪和仪表板等功能上大致相当。

FreshBooks 应用程序的一个很酷的功能是在应用程序内回复客户的问题和反馈。

除非这个功能对你来说是必不可少的,否则 QuickBooks 和 FreshBooks 在移动类别中有着同样强劲的表现。

易用性

FreshBooks 以用户友好著称。为了证明它名副其实,我们可以求助于软件评测网站 G2 和 Capterra。

G2 对 QuickBooks 的易用性评分为 8.1 分,而 FreshBooks 的评分为 9.2 分(T3)。在 Capterra 上,QuickBooks 在易用性类别中获得了 4.1 。FreshBooks 以 4.5 再次胜出。

这两个软件程序都有相对直观的界面,但 FreshBooks 对初学者更友好。

可量测性

如果你是一个个体企业家或有一个小企业,并打算保持小规模,FreshBooks 有你需要的功能。

但是一个正在扩张的企业可能会很快发展不起来。

如果你设想有几个以上的员工或者需要给数百个客户开发票,QuickBooks 可能是赢家。

客户支持

FreshBooks 通过电话和电子邮件提供支持。QuickBooks 提供电话、实时聊天和应用程序内支持。

两者都有广泛的知识基础。

为了找出哪个应用程序具有更好的客户支持,我们可以回到 G2 和 Capterra。

同样,新书在这两个网站上都获得了更好的评价。在 G2 上,QuickBooks 的支持评级为 7.5,而 FreshBooks 的支持评级为 9.2。Capterra 给了 QuickBooks 3.9,FreshBooks 4.4。

其他功能

FreshBooks 和 QuickBooks 中的功能太多,无法完全涵盖本文。上面已经介绍了主要的区别,但是根据您业务的需要,您可能需要考虑更多的事情。

涡轮增压您的网站,享受我们的资深 WordPress 团队的 24/7 支持。我们的谷歌云驱动的基础设施侧重于可伸缩性、性能和安全性。查看我们的计划

多种货币

如果你要处理多种货币,你会希望会计软件来处理。FreshBooks 在所有价位都有多币种功能。QuickBooks 从基本计划开始提供。

工资单

如果你有员工,你可能会寻找工资软件。Payroll 是 QuickBooks 的附加软件,每月付费。

FreshBooks 不提供薪资软件,尽管它确实集成了一些薪资工具。

付账单

QuickBooks 和 FreshBooks 都允许你用软件支付公司的账单。

在这两种情况下,您都可以选择每月 50 美元的套餐——QuickBooks Essentials 和 FreshBooks Premium。

FreshBooks vs QuickBooks:2022 年你该选哪个?

最佳的会计解决方案取决于您的个人需求。

但是对于典型的自由职业者或代理商来说,我们认为在新书和 QuickBooks 之间有一个明确的选择。

QuickBooks 的利与弊

QuickBooks online 主宰市场是有原因的。

QuickBooks 优点:

  • 可攀登的
  • 适合各种规模企业的功能
  • 库存管理能力
  • 广泛报道

QuickBooks 缺点:

  • 缺少重要功能的较低价格层
  • 不如新书直观

新书的利弊

FreshBooks 是为个体经营者提供的优秀会计软件,这是当之无愧的。

FreshBooks 优点:

  • 使用方便
  • 强大的客户支持
  • 负担得起的价格
  • 时间跟踪

新书缺点:

  • 限制计费客户
  • 缺乏面向大型企业的功能

新书 vs QuickBooks:判决

对于大多数自由职业者和机构来说,FreshBooks 是更好的选择。

对于小企业来说,它非常划算,并能提供大多数个体企业家或代理机构所需的一切。它还以用户友好而闻名——对于那些想花时间经营企业,而不是学习成为会计师的人来说,这是必不可少的。

也就是说,对于一些小企业来说,QuickBooks 将是更好的选择。例如,如果出现以下情况,请选择 QuickBooks:

你有一个喜欢 QuickBooks 的会计。

QuickBooks 通常是会计的首选软件。它已经存在很久了,比其他任何解决方案都被更多的企业使用,所以他们已经习惯了。

有些会计师只会用 QuickBooks。在这种情况下,最好还是顺着他们的喜好。

你经营着一家实体店和/或拥有一件实物产品。

如果你的公司销售实体产品,QuickBooks 的库存管理功能会派上用场。

但是请记住,除非你每月为 QuickBooks Plus 支付 80 美元,否则你无法获得这些功能。

如果这不是你想做的投资,FreshBooks 提供所有计划的基本库存跟踪。

你计划长很多。

QuickBooks 是大型企业更好的解决方案。如果你的志向不仅仅是经营一家小公司,QuickBooks 是值得考虑的。

新书 vs QuickBooks vs .替代品

QuickBooks 和 FreshBooks 并不是自由职业者唯一的会计软件选择。以下是更多的首选:

鑫元鸿(台湾公司名

Xero 是一个基于云的会计解决方案,提供了一套类似于 QuickBooks 和 FreshBooks 的功能。

它在北美不像 QuickBooks 那样受欢迎,但在欧洲、澳大利亚和新西兰有很大的市场份额。

Xero 以其吸引人和直观的用户界面而闻名。这也是一个非常可扩展的解决方案,最便宜的计划每月只需 9 美元。然而,Xero 通常比自由职业者和机构更受中型企业的欢迎。

波浪

一些自由职业者和代理商不想要 QuickBooks 和 FreshBooks 提供的所有花哨功能。

他们只是想要一个简单高效的工具。免费的话还能加分。

Wave 是一款满足这一需求的会计应用。

有了 Wave,你可以获得开发票、费用跟踪、在线支付等基本工具。你找不到像时间跟踪和库存管理这样的高级功能。

没有月租费,大多数功能都是免费的,但使用支付功能需要支付交易费。

Sage 云

Sage 50cloud 是另一款面向小型企业的会计解决方案。

它突出的一个方面是其先进的库存管理功能。如果您有大量库存,这可能是比 QuickBooks 更好的解决方案。此外,即使使用比 QuickBooks Online Plus 更便宜的 Sage 50cloud 最基本的计划,您也可以获得这些功能。

Kinsta 内置发票

FreshBooks 和 QuickBooks 让会计工作变得简单了一些。金斯塔也可以。

Kinsta 提供了一个按用户计费的自动发票系统,让您可以完全控制发票的接收方。如果您在 Kinsta 帐户上管理多个用户,您可以确保所有发票在月底自动发送到多个电子邮件地址。

您可以在 MyKinsta 仪表盘中查看您的发票。

Invoices on the MyKinsta dashboard

Invoices on the MyKinsta dashboard.

Make managing your small business easier than ever before with help from one of these popular accounting software options 👩‍💻Click to Tweet

摘要

开发票、记账、接受付款、跟踪支出和其他会计任务不必如此繁琐。QuickBooks 和 FreshBooks 是可以让你经营自己的生意更容易的解决方案。

然而,在 FreshBooks 和 QuickBooks 之间做出选择可能会很乏味。我们希望这篇文章能帮助你做出更好的决定。

它们都是可靠的选择,但我们不得不推荐 FreshBooks 作为 2022 年自由职业者和机构的最佳会计软件。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

2022 年前端开发者平均工资多少?

原文:https://kinsta.com/blog/front-end-developer-salary/

你喜欢玩 HTML 和 CSS。你很有创造力,对设计很有眼光,你整天都在你最喜欢的文本编辑器中从头开始创建网站或应用程序。如果你能在这些陈述中认识到自己,前端开发职业可能是你的最佳选择。让我们来看看前端开发人员的薪资期望。

但是一个前端开发人员的职责到底是什么,成为一名前端开发人员需要哪些技能?作为一名前端开发人员,你期望的薪水是多少?

这些是我们将在本帖中回答的问题。我们还将比较一个前端开发人员的工资与一个普通的网络开发人员的工资和其他类似的职位。

到本文结束时,你会知道前端开发人员职业是否适合你。

什么是前端开发?

前端开发关注网站或应用程序的前端——用户看到并与之交互的部分。作为一名前端开发人员,你将与 UI 和 UX 设计师密切合作,将他们的设计转化为功能网站。

这也是一条高度协作的职业道路,因为你将有大量的机会与其他人和团队一起工作。作为一名前端开发人员,你的工作流程将涉及到其他几个人,包括设计师、艺术家和营销专业人员。

同样值得一提的是,作为一名前端开发人员,您可以在家高效地工作。你所需要的只是一个互联网连接和一台电脑。因此,一些公司可能会向你提供远程职位,甚至报销你的电脑或网络费用。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

信息

Kinsta 是一家完全偏远的公司,团队成员遍布全球。查看我们的职业页面了解更多信息。

前端开发人员要求

作为一名前端开发人员,你需要具备基本设计原则的工作知识和一些主要用于网站和应用程序前端的 T2 编程语言。

最重要的是,你可能还会花时间做客户或用户研究,并进行 A/B 测试以确保所讨论的网站或应用程序能够带来最佳的投资回报。不仅如此,测试还能让你发现并排除错误,这样你就能制作出易于使用的网站和应用程序。

就技术技能而言,你需要熟悉以下语言:

前端开发人员技能

除了上面列出的技术要求,如果你想增加被聘用为前端开发人员的机会,还有几个软技能是你应该掌握的。

其中包括:

  • 良好的沟通技巧:当你在其他团队、客户和顾客的网站和应用程序上工作时,你必须与他们一起工作和沟通。
  • 协作技能:在团队中很好地工作是另一项重要的软技能,因为你将和其他人一起。
  • 解决问题的技巧:很多 web 开发都涉及到寻找特定问题的正确解决方案——就像寻找拼图中缺失的那块。
  • 创意:这包括将顾客或客户的愿景转化为一个有效的网站或应用程序。对视觉和设计层次的良好理解也会很好地为你服务。

如果你具备以上所有技能,你就可以开始寻找前端开发人员的工作了。

前端开发人员会被雇佣吗?

如果你想知道前端开发人员是否很难找到工作,你不需要担心。2021 年, Glassdoor 仅在北美和英国就发布了 45,000 个前端开发人员职位的广告。

根据劳工统计局的数据,从 2019 年到 2029 年,美国网络开发人员的就业率预计将增长 8%。

换句话说,如果你想从事前端开发,你会有很多机会被雇佣并获得稳定的收入。

前端开发人员的平均工资

所以现在你知道作为一名前端开发人员你的责任是什么,你也知道如果你想要这份工作,你需要掌握哪些技能。是时候看看前端开发者工资能赚多少了。

The average frontend developer salary, according to Glassdoor.

Average frontend developer salary, according to Glassdoor.

根据 Glassdoor 的数据,前端开发人员的平均工资为 86013 美元。这个数字是基于前端开发人员向 Glassdoor 提交的 3715 份薪水。前端开发人员的最低工资约为 51,000 美元,而最高工资为 145,000 美元。

The average salary for frontend developers, according to Indeed.

The average salary for frontend developers, according to Indeed.

的确列出了略高的薪水,但他们的样本量也比 Glassdoor 的大。他们说,前端开发人员的平均工资是 103,832 美元,平均每年有 2,500 美元的现金奖金。

The average frontend developer salary, according to Payscale.

Average frontend developer salary, according to PayScale.

PayScale 报道平均年薪为 75,310 美元,最低 5 万美元,最高 9 万美元。PayScale 的数据基于前端开发人员提交的 4206 份薪资档案。

ZipRecruiter 表示,前端开发人员的平均年薪为 94639 美元,最低为 37000 美元,最高为 147000 美元。

根据上面的数字,我们可以推断出前端开发人员的平均年薪是 89,948 美元——这是不容轻视的。

但是和其他类似的工作不相上下吗?

在下一节中,我们将比较类似工作的前端开发人员的平均工资,以及位置和经验等其他因素如何影响收入。

前端与后端开发人员的工资

后端开发人员在网站或应用程序的后端工作。他们确保一切顺利运行,并负责服务器端的事情,如数据库、客户机-服务器数据流、服务器逻辑等。

因此,他们的工作要求和职责比前端开发人员更复杂。合乎逻辑的假设是他们的工资会更高,下面的数字证明了这一点。

首先, Glassdoor 列出了后端开发人员的平均基本工资为 79518 美元,最低工资约为 48000 美元,最高工资约为 132000 美元。

Indeed 报告后端开发人员的平均年薪为 118,856 美元,外加 4,000 美元的年度奖金。

PayScale 列出后端开发人员的平均工资为 81,161 美元,最低为 51,000 美元,最高为 131,000 美元。

最后, ZipRecruiter 计算出后端开发人员的平均年薪为 83,770 美元,最低为 33,500 美元,最高为 149,000 美元。

这使得后端开发人员的平均年薪达到 90,826 美元左右,略高于前端开发人员的平均年薪。

前端与全栈开发人员工资

全栈开发人员拥有前端和后端开发人员的综合技能和知识。他们的工作比后端开发人员更复杂,因为他们的职责和技能范围更广。

让我们看看他们的收入与前端开发人员的工资相比如何。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Glassdoor 表示,全栈开发人员的平均年薪是 97,849 美元。最低工资 61K 美元,最高 156K 美元。

根据 Indeed 的数字,全栈开发者的平均年薪为 106242 美元。事实上还列出了额外的 4100 美元现金年度奖金。

ZipRecruiter 报告称,平均年薪为 102,744 美元。最低 38K 美元,最高全栈开发者年薪 15 万美元。

PayScale 列出了全栈开发人员的平均年薪为 78,951 美元,最低为 54,000 美元,最高为 11.5 万美元。

当你计算这些数字时,你会得到一个全栈开发人员的平均工资为 96,446 美元。虽然这个数字更高,但与前端开发人员的收入并没有太大差别。但是,这种差异表明,全栈开发人员肩负着更多的责任,有更多的工作要求需要满足。

按经验列出的前端开发人员薪金

到目前为止,看看上面的数字,我们可以看到前端开发人员比后端和全栈开发人员赚的钱略少。

但是当你考虑工作经验时会发生什么呢?作为一名初级前端开发人员,你能挣多少钱?更重要的是,当你晋升到高级职位时,你的薪水会如何增加?

根据 Glassdoor 的说法,作为一名入门级前端开发人员,你可以期望每年赚 97,377 美元。据报道,最低的年薪为 5.4 万美元,最高的年薪为 17.6 万美元。

另一方面,PayScale 报告的数字较低。他们入门级前端开发人员的平均年薪为 61,000 美元。

ZipRecruiter 列出了入门级前端开发人员的平均年薪为 57,017 美元,最低为 25,000 美元,最高为 113,000 美元。

随着你获得更多的经验,你的薪水应该会反映出来。你不仅会学到更多的知识,还会过渡到高级和首席开发人员的角色。你甚至可以指导入门级的前端开发人员。数字是这样说的。

Glassdoor 报道如果你有 10 年以上的经验,前端开发人员的平均工资是 96985 美元,低的 65000 美元,高的 144000 美元。

根据 PayScale ,一名高级前端开发人员的平均年薪为 9.3 万美元。与此同时, ZipRecruiter 列出的 it 年薪为 118,440 美元,最低为 32,000 美元,最高为 169,000 美元。

根据这些数字,前端开发人员的平均入门级年薪为 71,798 美元,而高级别年薪为 102,808 美元。

换句话说,在你职业生涯的末期,你可以期望每年多挣 4 万美元。

按地点列出的前端开发人员薪金

不管你的工作是什么,你住在哪里会直接影响你的收入。这同样适用于前端开发人员的工作。考虑到这是一个技术职位,一些对技术工作需求高的地区会比其他地区支付更高的工资是理所当然的。

你厌倦了没有答案的低于 1 级的 WordPress 托管支持吗?试试我们世界一流的支持团队!查看我们的计划

A statistic showing how frontend developer salaries vary by location.

How the average frontend developer salary varies by location.

根据 PayScale 的数据,加州旧金山的前端开发人员的平均收入比全国平均水平高出 51.5%。前端开发人员还可以在华盛顿州的西雅图(多 20.2%)和纽约州的纽约(多 13.7%)找到高薪工作。

类似地,的确报道了前端开发者薪资最高的城市是旧金山,平均年薪为 157,674 美元。

同样值得一提的是,如果你正在美国以外找工作, Daxx 报道瑞士是欧洲前端开发人员薪资最高的国家,而墨尔本和珀斯是澳大利亚薪资最高的地方。温哥华和渥太华在加拿大名列前茅。

按语言列出的前端开发人员薪金

如前所述,前端开发人员精通 HTML、CSS 和 JavaScript。通常,他们也熟悉 JavaScript 框架,如 Angular 和 React。

A table showing how skills can affect average frontend developer salary. (Source: Indeed)

How skills can affect average frontend developer salary. (Source: Indeed)

事实上表明,作为一名前端开发人员,能够影响你薪水的技能和经验领域包括 AWS ,机器学习和持续集成。

How frontend developer skills affect salaries, according to Payscale.

How skills affect average frontend developer salary. (Source: PayScale)

另一方面,PayScale 提到 Less.js、 React Native、Django、 Golang 、Redux.js 等语言对你的工资有直接影响。

自由职业前端开发人员工资

如果你不想在整个前端开发生涯中只为一家公司工作,自由职业路线当然是一个选择。这种方法的好处是,你可以自由选择你接下的项目,你一次和多少客户一起工作,以及你的工作收费多少。

据 Glassdoor 报道,自由职业前端开发的平均年薪为 7 万美元,低的 4 万 2 千美元,高的 12 万美元。

据 ZipRecruiter 报道,自由职业前端开发人员的平均年薪为 84380 美元,最低为 25000 美元,最高为 146000 美元。

最后, Codementor 报告说自由前端开发者的平均时薪在 61-80 美元之间。
T3】

作为前端开发人员如何赚更多的钱

正如我们所见,前端开发人员的平均收入比后端和全栈开发人员低。

然而,这并不意味着这些数字是最终的。作为前端开发人员,您可以做一些事情来赚更多的钱。

例如,您可以:

  • 获得在日常工作中有用的额外技能,包括学习另一种编程语言。
  • 扩展到后端开发,或者更加熟悉 UI 和 UX 设计
  • 创建并销售一门关于你所知的课程,以帮助他人进入你的领域。
  • 在 CreativeMarket 或 ThemeForest 等市场上出售你的设计主题。
  • 搬到前端开发人员工资更高的地方。
  • 开创自己的事业,做一名自由网站或 WordPress 开发者

成为前端开发者值得吗?

鉴于前端开发人员比后端和全栈开发人员挣钱少,您可能会想成为前端开发人员是否值得。

平均年薪 89,948 美元,前端开发职业是一个可行的选择。工资并不比类似的职业低多少,所以钱不应该是一个障碍。

你住在哪里,你掌握的技能会影响你的薪水,所以扩展你的知识和搬到不同的地方可以增加你的年收入。

随着收入问题的解决,现在是考虑其他问题的时候了。

如果你是一个非常有创造力的人,喜欢与他人合作,喜欢迭代设计,喜欢测试和分析结果,前端开发人员的工作是一个完美的匹配。

再加上前端开发人员的需求量很大,你就会明白这是一个多么值得考虑的职业。

喜欢在自己喜欢的文本编辑器中从头开始创建网站或应用程序吗?👀在本指南中,了解作为一名前端 web 开发人员,你可以赚多少钱💰

摘要

如果你选择从事前端开发,你需要考虑一些事情。首先,这是一个富有创造性和挑战性的职位,因为你要将想法带入生活,并帮助确保网站和应用程序易于导航和使用。

其次,为了确保一切正常,你需要经常与其他团队合作,比如 UI/UX 团队和后端开发团队。很少有开发人员在真空中工作,所以保持良好的沟通和协作技能是非常重要的。

第三,虽然工资没有开发和工程领域的其他职业高,但也不会低到让你只能勉强维持生活。基本工资平均每年 89,948 美元,很明显你可以过上体面的生活。更不用说,你甚至可以探索额外的选择来增加你的收入,比如销售前端开发课程或者其他设计师可以使用的主题和模板。

最后,前端开发人员需求量很大,所以如果工作保障是你的首要任务,这条职业道路无疑是一个很好的职业选择。

你对后端开发人员的工资水平有什么看法?你的经历有所不同吗?请在评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

成为前端开发人员指南:工作技能和责任

原文:https://kinsta.com/blog/frontend-developer/

我们大多数人每天都要与多个网站和移动应用程序进行交互。我们点击按钮,登录和退出,并添加产品到我们的购物车,而不考虑谁使这一切成为可能。

但每次我们与网站或应用程序交互时,我们都喜欢前端开发人员的工作。

那听起来像是一个了不起的工作。但是在 2022 年成为前端开发者值得吗?你是如何开始的呢?

这篇文章告诉你你需要了解前端开发人员做什么,他们需要的技能,以及你如何才能得到这份工作。

你是一个正在寻找前端开发人员的雇主吗?我们也报道这个。

T3】

什么是前端开发人员?

前端开发人员使用代码来实现网站或应用程序设计。

他们的主要工具是 HTMLCSSJavaScript — HTML 用于网站的一般结构和内容,CSS 用于样式,JavaScript 用于高级交互。

什么是前端开发?

前端开发是网站用户界面的开发。用户可以查看或与之交互的任何东西(如布局、图像、菜单或登录表单)都被认为是站点的前端。

web 开发的另一个主要类型是后端开发。用户看不到后端开发人员的工作,但它使网站成为可能。网站的后端包括服务器、数据库、后端逻辑和 API。

Front end vs back end development

前端 vs 后端开发(来源:Francesco letli . info)

您还会听到全栈开发这个术语。全栈开发人员是既做前端开发又做后端开发的多面手。

准备好担当新角色了吗?✅想知道成为一名前端开发者需要什么吗?👩‍💻从这里开始⬇️ 点击推文

前端开发人员是做什么的?

前端开发人员构建并维护网站或应用程序的前端。他们工作的网站部分包括:

  • 布局
  • 导航功能
  • 形象
  • 录像
  • 小跟班
  • 搜索框
  • 登录页面
  • 社交媒体整合

前端开发人员的职责是什么?

前端开发人员负责构建一个网站或应用程序,提供令人愉快的用户体验。这意味着它看起来很好,功能正常。

前端开发人员通常不负责网站的设计。然而,他们将与 UI 和 UX 设计师密切合作,将他们的想法变成现实。

一旦网站或应用建立起来,前端开发人员负责维护、测试和持续开发,如功能升级。

做前端开发人员需要哪些技能?

每个前端开发人员都需要精通 HTML、CSS 和 JavaScript。这三种语言几乎是你做任何事情的基础。

你还需要其他技能,但同样的技能要求会因工作不同而不同。

下面的列表涵盖了前端开发工作所需的一些最常见的技能。尽可能多的了解会让你成为各种职位的最佳候选人。

HTML 和 CSS

HTML 和 CSS 齐头并进,是网站设计的积木。

HTML 代表超文本标记语言。它定义了网页的结构。例如,您将使用 HTML 来指示标题的位置、放置段落分隔符的位置以及插入图像的位置。你在这个页面上看到的所有文本和图像都是 HTML 的功劳。

CSS 代表级联样式表,它处理样式。例如,CSS 可能规定背景颜色或字体。您可以使用单个 CSS 样式表来定义整个站点的样式(例如,一次定义多个页面)。

一个好的前端开发人员对 HTML 和 CSS 很有经验,能够很快理解如何一起使用它们来创建一个设计。

幸运的是,HTML 和 CSS 非常容易学习。但是真正掌握它们需要时间。

一旦你掌握了基础知识,你就可以通过查看现有网站并尝试复制你看到的布局和功能来练习你的编码技能。

Java Script 语言

HTML 设定了框架,CSS 定义了风格,而 JavaScript 使网站具有交互性。

如果一个网站不仅仅是显示静态信息,这可能要归功于 JavaScript。例如,您可以使用 JavaScript 创建一个实时更新的地图或制作网站的动画部分。

根据 StackOverflow 的调查,JavaScript 是专业 web 开发人员使用最多的编程语言。下一个最流行的语言是 HTML/CSS。

Programming languages used by professional developers in the last year

最近一年专业开发者使用的编程语言(来源:insights.stackoverflow.com)

JavaScript 比 HTML 或 CSS 更复杂,但仍然是更容易理解的编程语言之一。期待你能在几个月内学会它。

React 和其他 JavaScript 库和框架

JavaScript 库和框架是让 JavaScript 开发更快更容易的工具。

JavaScript 库是一组可重用的代码,可以放入项目中。当其他开发人员已经开发了某个功能时,它可以省去您从头开发该功能的麻烦。

现有超过 83 个图书馆,每个都有特定的用途。例如,Chart.js 是一个库,它允许你轻松地为你的网站创建图表和图形。

您应该熟悉的一个 JavaScript 库是 React。React 是一个由脸书维护的免费开源库。它用于为单页应用程序构建用户界面,是目前最流行的 JavaScript 库。

JavaScript 框架类似于库。它们都提供了可重用的代码,但是用法有点不同。

当你使用一个库时,你负责应用程序的流程。您决定在代码中的何处调用库组件。

使用框架,你可以把你的代码插入到框架中。框架在指定的点调用你的代码,而不是你的代码调用库。

需要熟悉的两个流行框架是 Angular.jsVue.js

节点. js

Node.js 经常被误称为框架或编程语言,但它是前端和后端开发的运行时环境。

通常,用户的浏览器呈现 JavaScript。Node.js 允许您在浏览器之外运行 JavaScript 代码。

Node.js 之所以受欢迎,是因为它让 web 开发更加高效。它允许程序员使用单一的编程语言创建应用程序的前端和后端。

您可能必须在前端开发人员的工作中使用 Node.js,因此学习它是一件好事。可以自己下载安装以便练习。

埃阿斯

Ajax 是异步 JavaScript 和 XML 的缩写。Ajax 本身并不是一项技术,而是一套编程技术。

Ajax 是关于异步开发的。这意味着您可以更新网页的一部分内容,而无需重新加载整个页面。

一个典型的例子是自动完成。当你开始在谷歌中输入搜索查询时,搜索引擎会为你提供自动完成选项。它可以做到这一点,而无需重新加载整个搜索结果页面。

许多前端开发人员的工作要求熟悉 Ajax 概念。一旦你掌握了 JavaScript,在线教程可以教你如何在 Ajax 中使用它。

其他编程语言

根据你正在做的项目,你可能想知道 JavaScript 之外的其他编程语言。

例如,TypeScript 是微软开发的一种越来越流行的编程语言。Typescript 是 JavaScript 的超集。与 JavaScript 不同,它被设计用来创建企业级应用程序。

JavaScript 是一门需要了解的基本语言,但是一旦你精通了它,你就可以研究其他的可能性,比如:

  • 以打字打的文件
  • 榆树
  • 流动
  • 纯脚本

除了 JavaScript 之外,懂一两门编程语言能让你在求职者中脱颖而出。

引导程序

我们已经讨论了 JavaScript 的框架和库。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

CSS 也利用框架。最重要的一个是 Bootstrap。

Bootstrap 是用 HTML、CSS 和(可选的)JavaScript 编写的可重用代码的免费集合。它让开发者快速建立完全移动响应的网站。

作为一名前端开发人员,至少了解 Bootstrap 的基本知识是很有帮助的。有很多在线课程和教程,但是在你对 HTML 和 CSS 有了很深的理解之前,不要深究。

内容管理系统

内容管理系统是一种软件,可以帮助用户创建、编辑和管理网站上的内容,而不需要专业技能。

例如,您可以输入一篇博客文章并将其添加到您的站点,而不必担心用于显示文章的 HTML 和 CSS。

WordPress 是目前最受欢迎的内容管理系统。其他你会遇到的包括 Drupal,Joomla!,还有幽灵。

作为一名前端开发人员,你会经常在使用 CMS 的网站上工作。这些平台的工作知识是一项很有市场的技能。

你也可以为 WordPress 或其他内容管理系统创建新的主题。

RESTful 服务和 API

API(应用程序编程接口)允许一个应用程序或服务访问另一个应用程序或服务中的资源。

例如,开发人员可能希望将天气数据集成到他们的网站中。他们可以使用一个 API 来联系气象服务并获取数据。

RESTful APIs 是一种 API,它符合 REST(表述性状态转移)架构风格的约束,并允许连接到 RESTful web 服务。

作为一名前端开发人员,您不需要编写 API 供他人调用(这是后端工作),但是您应该知道如何调用 API 并在您的站点上有意义地显示它。

移动响应设计

如今,网站的访问者使用各种各样的浏览器和设备。

当移动设备占全球网站流量的 54.8% 时,一个网站在笔记本电脑屏幕上看起来很好是不够的。

一些网站会有不同的桌面和移动版本,但更常见的是,你需要建立一个移动响应的网站

响应式网站旨在在任何设备、窗口或屏幕尺寸上都能很好地呈现。

Mobile adaptive vs mobile responsive design screenshot

移动自适应 vs 移动响应设计。

网站是否具有移动响应能力很重要。 45% 的消费者会放弃任何在他们使用的设备上显示不佳的内容。

因为没有一个网站不需要在移动设备上工作,所以对于前端开发人员来说,理解响应式设计原则是一项不容置疑的技能。

响应式设计是通过 HTML 和 CSS 完成的。不太直观,但是很多网络课程和资源都有。

与我们世界一流的支持团队一起体验卓越的 WordPress 托管支持!与支持我们财富 500 强客户的同一个团队聊天。查看我们的计划

跨浏览器测试和开发

一个网站需要看起来不错,并能在任何浏览器上正常工作。虽然 Chrome 是最受欢迎的浏览器,但开发者不应该忽视 Safari、Edge 或 Firefox。

作为一名前端开发人员,你的部分工作将是确保你的作品在任何主流浏览器上都看起来不错。这意味着理解浏览器之间的差异,并在浏览器上测试你的设计。

您可以在流行的编码资源网站上阅读跨平台开发。你也应该练习。当你自己做项目时,请不要忽视在多种浏览器中进行测试。

还有一些工具可以帮助您进行跨浏览器测试。一些免费版本包括:

版本控制系统

版本控制系统可以帮助你跟踪网站代码的变化。如果出现问题,您可以使用它们恢复到早期的代码版本。

万一出错,这可以节省大量时间。您可以将项目回滚到早期版本,而不是找到问题并手动撤销它。

版本控制系统对于协作也是必不可少的。它们允许多个用户在没有冲突版本的情况下处理同一个项目。

Git 是最流行的版本控制管理系统,许多开发工作都需要它,无论是前端、后端还是全栈。通过安装 Git 并在【GitHub.com】的上创建账户开始学习。

如何成为一名前端开发者

成为前端开发人员最重要的资格是精通 HTML、CSS、JavaScript 和上面列出的一些其他技能。没有编码能力,你简历上的其他东西都不重要。

如今,利用在线资源自学编程已经成为可能。

当前 web 开发人员中,40.39% 参加过在线编码课程,31.62%通过在线论坛学习,59.53%使用博客或视频等其他在线资源。

要学习 web 开发,请访问以下网站:

Where current developers learned to code screenshot

当前开发者在哪里学会了编码(来源:insights.stackover.com)

自学代码是可能的,但这并不意味着你的正规教育不重要。许多前端开发人员的工作更喜欢或甚至要求你有一个相关的学位。如果你还没有,你必须确保你的网络开发组合能说明一切。

那么,如果没有工作经验,如何创建作品集呢?

炫耀你前端开发技能的一个方法是独立构建网站和应用程序。创建一个与你的兴趣相关的工具,或者看看你认识的人是否需要完成开发工作。

前端开发者受欢迎吗?

成为一名网站开发人员是一个很好的职业发展。我们可以期待在未来十年看到 8%的就业增长。这相当于每年约有 13400 个职位空缺——比一般职业的增长速度快得多。

前端和后端开发人员都有需求,但前端开发人员的职位空缺略多。在 Indeed.com,美国目前有 14,600 个前端开发人员职位,而后端开发人员有 12,300 个。

前端开发人员平均工资是多少?

据 Glassdoor 统计,平均前端开发者薪资【86088 美元

然而,这并不是故事的全部。

根据公司类型、工作所需的技能、你所在的位置和你的经验水平,网站开发人员的薪水会有很大的不同。如果你坚持几年,你可以期望得到更高的薪水。拥有高级前端开发人员头衔的人平均收入为 107,276 美元。

Front end developer salaries by region

各地区前端开发人员工资(来源:【daxx.com】)

雇用前端开发人员时要注意什么

很多网络开发人员都在外面,但是真正有才华的人很难找到。

雇佣一个前端开发人员时,以下是需要记住的。

技术

每个前端开发工作都是不同的。进入招聘流程,了解你想要的技能组合。

也就是说,web 开发是一个不断变化的领域。如果你要和这个开发人员长期合作,他们学习新技能的决心比他们现有的技能更重要。

你可以通过给候选人一个简短的编码测试来测试他们的技术能力。如果他们做得好,分配一个小的(付费的)测试项目也是有帮助的。使用它来评估他们对细节的关注,他们解决方案的创造性,以及他们与团队成员沟通的程度。

其他技能

除了编码技能,一个好的前端开发人员了解用户体验的重要性。

前端开发人员创建用户与之交互的网站元素。他们本身不是 UX 设计师,但是一个好的前端开发人员知道如何给网站访问者带来积极的体验。

你的前端开发人员也应该有很强的人际交往能力。他们将与其他团队成员和利益相关者一起工作,并就项目进行有效的沟通。

每次我们与网站或应用程序互动时,我们都在享受前端开发人员的工作...但是怎样才能让这成为你的全职工作呢?👀本帖已覆盖⬇️ 点击推文

摘要

成为一名前端开发人员是一个很好的职业发展。

这是一份你可以在网上自学的工作,潜在的薪水很高,而且未来几年对你的能力会有需求。

成为前端开发人员的最佳方式是尽可能地学习 HTML、CSS、JavaScript 和相关技能。你可以通过学校或者利用网络资源自学。

现在学习前端开发?看看这些 60 款优秀的网络开发工具


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

一般全栈开发者的工资是多少?2022 年的新数据

原文:https://kinsta.com/blog/full-stack-developers-salary/

当你是一个全栈开发者时,你拥有双倍的技能和专业化。所以,那应该意味着双倍的工资,对吗?如果您计划追求全栈开发,您可能非常想知道掌握它所需的工作是否有回报。

全栈开发者工资值得努力吗?和其他开发者的工资相比如何?如果你选择从事这个不寻常的职业,你的工作职责是什么?我们现在将回答所有这些问题以及更多问题。

到底什么是全栈开发?

一般来说,一个网站由两部分组成:前端(客户端)和后端(服务器端)。

前端是你访问一个网站时看到的,它包括 HTML、CSS 和 Javascript 等其他语言。虽然网页设计师通常负责更好的艺术方面,但开发前端仍然需要注重细节,平衡功能和美观。

至于后端,这包括所有在后台不可见地进行的操作。各种各样的语言,如 PHP 、Ruby 和 Python,以及与之配套的各种框架——尽管后端开发人员倾向于专注于一小部分。

许多后端开发人员还负责管理数据库和调试任何可能发生的服务器端问题。

那么,全栈开发人员从何而来呢?答案是:他们什么都专攻!一个全栈开发人员可以处理客户端和服务器端的问题,并自己建立一个工作网站。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

然而,这并不意味着全栈开发人员会淘汰前端或后端开发人员,而且你当然不应该期望独自完成大型项目。全栈开发是一项不太专业的工作,但这意味着你熟悉 web 开发的每一步。

另一方面,将你的技能分散到广泛的领域意味着你经常会错过发展关键技能的机会,或者当你专注于特定领域时,你的一半技能会变得不平衡。

尽管如此,作为一个全栈开发人员有巨大的优势,因为它使你高度灵活,能够根据需要在项目的不同部分工作。

顺便说一句。我们在招人!Kinsta 的开发团队旨在为我们的客户和内部团队创造真正有效的解决方案。我们相信保持和扩展我们标准的唯一方法是关注质量代码。如果你正在寻找一份开发人员的工作,请确保在这里查看我们当前的个职位空缺

What do you think a full-stack developer's average salary is? 💰 Find out here ⬇️Click to Tweet

成为全栈开发人员需要什么

由于其非专业化的性质,成为一名成功的全栈开发人员可能需要比选择不同的技术领域更多的时间和工作。当出现问题时,人们会自然而然地向你求助,因为你有丰富的知识。获得这些技能需要一段时间。

但是像所有开发人员的工作一样,成为专家更多的是直接的实践经验。仅用在线资源就可以自学成为全栈开发者。

计算机科学或相关学位可以帮助你找到方向,快速掌握新技能,但实际的丰富经验可能更受雇主的重视,即使你没有学位,也能给你一份工作。你最好的办法是查看你所在地区的工作列表,看看空缺职位的要求。

总而言之,以下是全栈开发人员最常见的工作要求:

  • 计算机科学的大专、学士或更好的学位:如果你有经验可以取而代之,可能是可选的。
  • 精通前端技术:至少精通 HTML、CSS 和 Javascript,还可能精通像 jQuery 或其他客户端框架这样的 Javascript 库
  • 后端语言、库和框架方面的技能:你选择专攻哪种语言取决于你自己,但是你应该能够在服务器端开发应用程序。
  • 数据库专业知识:使用和操作数据库的能力
  • 团队合作技能:由于你适用于整个项目范围,当其他人陷入困境时,你应该伸出援手。
  • 灵活性和对细节的关注:在项目的不同任务和领域之间切换的能力对于全栈开发人员的成功至关重要。但是有这么多的任务跳转,你需要一双发现错误的好眼睛,除非你想留下一大堆错误。

全栈开发人员工作职责

虽然你可能有广泛的技能范围,但你的雇主不应该指望你做两个人的工作。技能加倍并不意味着工作量加倍。除非你在做一个最小的网站,否则你不会负责所有的事情!

但是对于项目的不同领域,你的日常工作职责可能会改变。以下是您可能需要做的事情:

  • 每天或每周在项目的不同职责之间切换。
  • 用不同的前端和后端语言写代码。
  • 使用各种框架和库。
  • 使用版本控制软件,如 Git
  • 在前端开发功能性用户体验。
  • 建立和修改数据库。
  • 调试网站上任何地方出现的问题。
  • 协助项目中的其他开发人员,协作开发架构。
  • 与平面设计师合作,将他们的设计翻译成代码。
  • 制作功能正常的网站原型。

对全栈开发人员的需求

全栈开发人员是否有好的薪水不仅关系到人们是否真的雇佣他们。

许多人选择雇佣不同的前端和后端开发人员,你可能会从事这样的工作,结果却忽略了你的额外知识。那么,你最终获得“全栈开发人员”这个职位的可能性有多大呢?让我们看看趋势。

2020 年,LinkedIn 发布了他们的新兴工作报告,其中“全栈工程师”连续第二年上榜。该报告甚至指出,自 2015 年以来,这一工作的增长率每年都在 35%左右。

"Full Stack Engineer" article screenshot with a woman at a computer

LinkedIn Full-Stack Emerging Jobs Report

这些数据反映了对全栈开发人员不断增长的需求——不一定比专业人员更多,但它确实意味着你应该能够轻而易举地找到工作。

虽然你的里程可能会有所不同,但看看你当地的工作列表,看看你所在地区对全栈开发人员的需求有多大,这总是一个好主意。最终,能否在你所在的地区找到工作(或者你有资格从事的远程工作)不仅仅取决于这些统计数据。

一份工作的薪水也可以反映出该职位的需求程度:薪水越高,你作为一名员工就越有价值,你的职业就越不容易被其他人竞争录用。

全栈开发人员的平均工资

成为一名全栈开发人员意味着放弃专业化,选择尽可能多的技能。即便如此,你的见识也不会浅薄;全栈开发人员通常被称为“独角兽”,类似于设计师和开发人员的混合体,因为他们的技能非常广泛和罕见。

这当然不是一条容易的路。但是付出值得吗?或者,就薪水而言,你会更愿意去做一份更简单、更容易接受的工作吗?

这是全栈开发人员的平均工资:

  • 实际上:10.8 万美元/年,基于 1.05 万的报告工资
  • glass door:99k 美元/年,最低 63k 美元,最高 157k 美元
  • zip recruiter:10.3 万美元/年(49 美元/小时),最低 3.8 万美元,最高 15.9 万美元
  • 工资级别:79k 美元/年,最低 54k 美元,最高 115k 美元

A bar graph showing the average salary for a full stack developer

Full-Stack Developer salary

平均所有这些数据,你得到的年薪是 97k 美元/年。当然不坏,但这和其他相关工作相比如何?

全栈与后端开发人员工资

后端开发比前端(或客户端)开发更复杂,主要是因为有太多的语言和框架需要学习。这些语言中有许多非常难以掌握。

作为一名全栈开发人员,您最终不会接触到 web 开发中的许多狭窄点。那么工资相比如何呢?

  • 实际上:12.1 万美元/年,基于 24k 的报告工资
  • glass door:78k 美元/年,最低 48k 美元,最高 128k 美元
  • zip recruiter:10 万美元/年,最低 4.1 万美元,最高 15.7 万美元
  • 薪酬等级:8 万美元/年,最低 5 万美元,最高 13.1 万美元

A bar graph showing the average salary for a back end developer

Back End Developer Salary

将这些放在一起,后端开发人员的平均年薪为 9.5 万美元,而全栈开发人员的年薪为 9.7 万美元。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

虽然你在开发全栈时确实赚了一点额外的钱,但与你的标准服务器端开发者相比,这并不多。

全栈与前端开发人员薪资

众所周知,前端开发人员在金钱方面吃亏,原因很简单,因为 HTML 和 CSS 对新开发人员来说更容易学习,所以在就业市场上总是有许多新面孔在竞争。

与全栈开发人员相比,前端开发人员的工资是多少?

  • 实际上:10.6 万美元/年,基于 5200 万的工资
  • glass door:8.7 万美元/年,最低 5.1 万美元,最高 14.7 万美元
  • zip recruiter:8 万美元/年,最低 3.4 万美元,最高 12.8 万美元
  • 工资级别:7.5 万美元/年,最低 4.9 万美元,最高 11.5 万美元

A bar graph showing the average salary for a front end developer

Front End Developer Salary

平均下来,你会看到每年 87,000 美元。与全栈开发人员的 97k 美元/年相比,整整少了 10000 美元。如果收入是你主要关心的问题之一,那么最好选择后端或全栈开发。

相关:看看我们关于 WordPress 开发者平均工资的报道,看看专攻 WordPress 是否值得。

按经验级别划分的全栈开发人员工资

经验对你的收入有很大的影响,但是随着时间的推移,有些工作比其他工作更能给你带来更高的薪水。当你达到高级职位并有几年工作经验时,你能期望挣多少钱?

第一:入门级全栈开发者工资。在这个行业的第一年,你能挣到可以维持生活的工资吗?让我们看看这些数字:

  • 确实如此:不到一年的经验每年 88000 美元
  • zip recruiter:86k 美元/年,最低 26k 美元,最高 147k 美元
  • 工资级别:66000 美元/年,最低 48000 美元,最高 90000 美元

A bar graph showing the average salary for entry-level full stack development

Entry-Level Full-Stack Software Developer Salary

因此,你可能会看到每年 8 万美元的收入,尽管第一年的工资分配差异很大。这完全取决于你能否找到一份好工作,或者选择自由开发者的工作——你能否找到足够的工作养活自己。

需要一个给你带来竞争优势的托管解决方案吗?Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

随着你获得更多的经验,你会继续赚更多的钱。PayScale 报告称,职业生涯早期的全栈开发人员每年可以赚 75000 美元,当你到达职业生涯中期时,这一数字会上升到 92000 美元。

最后:资深全栈开发者。当你已经到了职业生涯的晚期,正在领导项目和培训他人时,你投入的工作值得吗?

  • glass door:11.1 万美元/年,最低 8 万美元,最高 15.6 万美元
  • zip recruiter:12 万美元/年,最低 6.1 万美元,最高 17.1 万美元
  • 工资级别:12.1 万美元/年,最低 9.6 万美元,最高 15.2 万美元

A bar graph showing the average salary for senior-level full stack development

Senior Full-Stack Developer Salary

最终估计为每年 11.7 万美元。这并不比 97000 美元/年的总体平均水平高多少,但以 80000 美元/年的入门级工资计算,你将在整个职业生涯中额外获得近 40000 美元。

自由职业全栈开发人员工资

自由职业可能会耗费大量的时间和金钱……也可能是你职业生涯中最好的选择。

一方面,你可以设定自己的价格,这意味着你可以比拿固定薪水赚得更多。另一方面,你拿多少钱完全取决于你吸引客户的能力。

但如果你能设法赚到足够的钱,在自由职业的全栈工作中茁壮成长,这是你可以期待的薪水。

A bar graph showing the hourly rate distribution for full stack development

Full-Stack Developer Hourly Rate Distribution

据 ZipRecruiter 报道,该公司的平均年薪为 10.6 万美元/年(51 美元/小时)。此外,的共同导师说自由职业的全栈开发者每小时可以赚 61-80 美元。

这个职位没有太多的数据,但总的来说,看起来成功的自由职业者可以期望比除了最有经验的开发人员以外的所有人平均挣得更多。虽然它不适合所有人,但值得考虑。

按国家/地区列出的全栈开发人员工资

你住在哪里会对你的收入产生很大的影响。如果全栈开发人员在你所在的城市或国家不太常见,但需求却一样大,你最终可能会得到一份高薪工作。另一方面,一些国家支付的费用可能远低于平均水平。

以下是目前最需要全堆栈开发人员的一些国家:

  • 瑞士:10.6 万美元/年(9.5 万瑞士法郎/年)
  • 丹麦:8.4 万美元/年(DKK:51.6 万美元/年)
  • 澳大利亚:7.7 万美元/年(10 万澳元/年)
  • 英国:7.6 万美元/年(5.4 万美元/年)
  • 荷兰:7.6 万美元/年(6.3 万欧元/年)
  • 德国:7 万美元/年(5.8 万欧元/年)
  • 挪威:6.5 万美元/年(54 万美元/年)
  • 奥地利:6.3 万美元/年(5.2 万欧元/年)
  • 瑞典:6.3 万美元/年(SEK 52.8 万美元)
  • 爱尔兰:6.2 万美元/年(5.1 万欧元/年)
  • 加拿大:6 万美元/年(约 7.3 万美元/年)
  • 芬兰:5.7 万美元/年(4.7 万欧元/年)
  • 法国:5.3 万美元/年(4.4 万欧元/年)
  • 新加坡:4.6 万美元/年(6.2 万新元/年)
  • 意大利:3.9 万美元/年(3.2 万欧元/年)
  • 俄罗斯:3.8 万美元/年(276 万美元/年)
  • 西班牙:3.8 万美元/年(3.1 万欧元/年)
  • 中国:3.7 万美元/年(人民币 2.3 万元/年)
  • 葡萄牙:2 万美元/年(1.6 万欧元/年)
  • 罗马尼亚:18000 美元/年(72000 卢比/年)
  • 保加利亚:18000 美元/年(BGN 30000 美元/年)
  • 墨西哥:1.4 万美元/年(MXN:28.8 万美元/年)
  • 印度:8 万美元/年(₹600k/year)
  • 印度尼西亚:5000 美元/年(7800 万印尼盾/年)
  • 乌克兰:千美元/年(₴26k/year)

成为全栈开发者值得吗?

看一般的全栈开发者工资,成为一个全栈开发者值得麻烦吗,还是专精最好?

平均年薪为 9.7 万美元,职业生涯早期的起薪为 8 万美元,到了大四会涨到 11.7 万美元,钱不是问题。你会赚得和类似的领域一样多,甚至更多。如果这就是你所担心的,你应该可以继续做这份工作。

你可能会比一般的网络开发人员挣得多,但只差一点点。因此,如果服务器端脚本编写是你的梦想工作,而你只想拿起“全栈”头衔来多赚一点,那就不值得付出额外的努力。

许多全栈开发人员表示,他们最终会将大部分精力放在后端开发上。虽然客户端的知识无疑会有所帮助,但专门化可能会更好。

这完全取决于你想要什么。你更愿意拥有创建网站的广博知识,以便在项目中出现问题时有所帮助吗?或者你更愿意专注于前端或后端编码,并在这些狭窄的领域尽可能多地学习?

所有这些工作都有非常相似的薪水,最后,作为一名初露头角的开发人员,最好去做你最感兴趣的工作。

Thinking about becoming a full-stack developer? Read this first 💰Click to Tweet

摘要

全栈开发人员是一个罕见的阶层,平均年薪为 9.7 万美元。当你比类似的工作挣得多一点的时候,其他类型的开发人员设法在工资部门保持不变。所以你可能有双倍的技能,但是你肯定不会因为你的麻烦而得到双倍的回报。

这份工作也有其独特的问题。由于其范围广泛,掌握它更具挑战性,虽然所有领域的通用技能都有所帮助,尤其是对于调试,但这意味着您缺乏处理真正棘手问题的专业技能。

你也可能遇到不理解你的角色并雇佣你的雇主,他们期望你做所有的工作,却得到几乎相同的报酬。

如果你从事全栈开发仅仅是为了比其他类型的开发者赚更多的钱,你可能会失望。但是,如果你喜欢这份工作,并且认为你可以在这个独特的角色上取得成功,那么成为一名全栈开发人员可能是最合适的。

如果你是一名有才华的开发人员,并且你想在一个文化与技术卓越同等重要的宽松环境中与一个拥有所有权、高技能的团队一起工作,请看看我们的职位空缺,并在此申请

对于全栈开发人员来说,你对这些薪资水平有什么看法?请在评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

功能即服务(FaaS):您需要知道的一切

原文:https://kinsta.com/blog/function-as-a-service/

你可能听说过 SaaS,你可能听说过 PaaS 和 IaaS,但是你听说过功能即服务(FaaS)吗?

FaaS 市场正在快速增长。根据联合市场研究公司的数据,2018 年该市场价值为 30.1 亿美元。这个数字预计到 2026 年将增长到 240 亿美元,这意味着该行业从 2020 年到 2026 年将以 29.7%的复合年增长率(CAGR)增长。

看着这种增长,可以肯定地说 FaaS 是一个非常大的市场。

但是什么是 FaaS,它是如何工作的?为了帮助你回答这些问题,本文将涵盖 FaaS 的基本知识,为什么人们应该(和不应该)使用 FaaS,以及截至 2022 年全球 FaaS 市场的状况。

我们走吧。

什么是功能即服务(FaaS)?

功能即服务(FaaS)是云计算的一种形式,通过消除开发人员维护应用基础设施的需求,帮助他们更好地工作。当开发人员利用 FaaS 时,他们使用 FaaS 平台来为他们构建、运行和监督应用程序包。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

在这一点上,你可能认为 FaaS 听起来像无服务器计算——事实也的确如此。无服务器计算允许开发人员将管理数据库、API 网关、存储、消息和其他基础设施的工作外包给第三方提供商。FaaS 是一种无服务器计算。

An image showing how serverless computing works

How serverless computing works (Source: iviewlabs)

虽然这可能是你第一次读到 FaaS,但你很可能在野外遇到过它。许多流行的程序和应用程序都使用 FaaS,比如亚马逊的 Alexa。

如果你熟悉 Alexa,你会知道你可以通过构建“技能”来扩展 Alexa 的功能。像应用程序一样,技能让 Alexa 做基本配置之外的事情。例如检查应用程序中的通知、开始新的聊天或播放自定义音频。

亚马逊通过 AWS Lambda 运行 Alexa 的所有技能。当您构建一项新技能时,您将它创建为一个通过 AWS Lambda 部署的功能。然后,AWS Lambda 会为您运行该功能,并处理安全性和数据库管理等基础设施问题。

那么,FaaS 是如何按部就班地工作的呢?让我们接下来讨论这个问题。

What is FaaS? 🤔This guide breaks down everything you need to know ✅Click to Tweet

FaaS 是如何工作的?

要理解 FaaS,你需要知道两个关键术语:

  1. “单片架构” =独立于其他应用运行的自包含应用。这些应用程序在内部管理用户界面、业务功能和数据接口。整体架构代码依赖于其他代码。
  2. “微服务架构” =处理一些小任务的一段代码。这些微服务是独立的(尽管它们一起构成了一个完整的应用程序)。

下图显示了整体架构和微服务架构的不同之处:

Monolithic architecture vs. microservices architecture

Monolithic architecture vs. microservices architecture (Source: BMC)

当您执行或更新一个功能时,您可以看到微服务和单片架构之间的主要区别。有了单片架构,整个程序立刻执行功能(比如更新一个应用程序)。借助微服务架构,您可以独立执行微服务功能。

FaaS 是帮助微服务架构工作的东西。

当您执行每个新的微服务功能时,您只需要创建该功能。然后,您的 FaaS 提供者接受该函数,运行它,并从那时起处理该函数的管理。

因为 FaaS 是一个与你的输入一起工作的工具,所以注意到每个 FaaS 函数应该只负责一个任务是很重要的。该任务在其触发器被激活时运行。例如,只有当用户按下“下载收据”时,产生用户收据副本的功能才起作用

FaaS 使用“事件驱动的执行模型”,这意味着你的功能只有在被触发时才会激活。同样,它们也不会在后台运行。

那么,FaaS 还能做什么呢?

FaaS 包括什么服务?

尽管所有提供商都不相同,但 FaaS 提供商通常提供以下服务:

  • 认证服务。这些为你程序的用户处理登录和认证过程
  • 数据库服务。这些帮助你在数据库中归档信息,以便你的程序可以使用它。FaaS 提供商为您管理一些数据库维护。
  • 文件存储。 FaaS 提供商可以为你的应用存储数据和文件,因此你不需要在自己的服务器上托管它。
  • 举报。 FaaS 提供者可以监视你程序中的错误或安全威胁,当他们发现有问题时会提醒你。

总体而言,这些服务有助于开发人员更智能地工作。接下来让我们来看看 FaaS 的优点。

FaaS 模式的优点

有了 FaaS,开发人员无需担心基础设施或部署,只需编写应用程序逻辑。因此,当目前实施时,FaaS 可以大大减少构建和部署程序所需的时间。

使用 FaaS,构建和部署也更容易。调配时间只需几秒钟,而不是一次几个小时。您也不局限于特定的语言或资源。FaaS 提供商可以运行大多数语言的代码,你可以通过使用提供商提供的缓存和数据库来加速构建过程。

FaaS 模式具有很强的可扩展性,容量规划也容易得多。如果您需要更多资源,只需参考 FaaS 提供商的说明即可升级您的使用。许多 FaaS 提供商提供水平扩展,这意味着如果您的使用量出现峰值,提供商将简单地为您提供额外的资源来应对峰值。

此外,您无需担心维护、灾难恢复(DR)或安全性。

最后,FaaS 非常有效率。提供商只对你使用的资源收费,所以你为 FaaS 支付的费用可能比你自己的硬件要少得多。同样,你的函数也不会在后台运行,而是闲置着。你也不需要花钱让他们闲着。

那么,FaaS 是职业选手吗?不完全是。

FaaS 模式的缺点

FaaS 模型消除了一些与程序开发相关的最大挑战,但是它也要求你实质上限制你的控制。你不能对你的代码使用的服务器、安全性或数据库做出很多决定。相反,这取决于您的提供商。

同理,调试通常会更难一些,因为你不能完全控制你的系统。测试也很困难,因为 FaaS 代码并不总是顺利地转换到测试环境中。

此外,您必须遵守 FaaS 供应商的严格要求。FaaS 函数只能完成一个动作,所以如果你不习惯这样,你需要改变你和你的团队编写代码的方式。同样,你可能需要重写现有应用程序的代码,使其适合 FaaS 部署——因此 FaaS 通常比旧程序更适合新程序。

最后,选择 FaaS 通常意味着长期致力于单一供应商。当您构建程序时,您使用提供商的系统和要求。自然,改变提供者可能需要您重做一些工作,并可能中断您的功能。

赞成还是反对

| 优点 | 缺点 |
| Deploy code faster供应需要几毫秒任何语言的代码自动化灾难恢复(DR)成本效益高可攀登的 | Lose control over server调试更加困难测试需要更长时间你被你的供应商锁定了您必须编写适合 FaaS 的代码 |

FaaS vs SaaS、PaaS 和 IaaS

现在您对 FaaS 有了更多的了解,您可能想知道它与其他一切即服务(XaaS) 选项(如 IaaS、SaaS 和 PaaS)有什么关系。

IaaS、PaaS 和 FaaS 服务有着相似的目的:它们帮助公司更便宜、更有效地管理应用程序。然而,每个选项都提供了不同的东西。

基础设施即服务(IaaS) 允许你出租计算能力(比如 RAM 和 CPU)。使用 IaaS,您仍然需要在内部管理一些应用程序功能(如安全性)。

平台即服务(PaaS) 允许您出租硬件和软件工具来构建您的应用。一个常见的例子是 AWS 弹性豆茎。

与 IaaS 和 PaaS 不同,FaaS 允许你租用空间来独立运行功能。这个特性使它更具可伸缩性。

以下是三者不同工作方式的简短总结:

An image showing how How FaaS differs from IaaS and PaaS

How FaaS differs from IaaS and PaaS (Source: thenewstack.io)

软件即服务(SaaS) 不是面向应用或程序构建的。相反,它允许您租用应用程序,这样您就不需要在内部构建它们。有成千上万的 SaaS 可供选择——从数据分析工具到 WordPress SEO 插件

市场规模、份额和领先供应商

FaaS 的发展反映了组织开发新项目方式的整体转变。

在过去的几十年里,开发人员创建大型系统作为多年项目。今天,许多组织倾向于使用开发运营(DevOps)方法进行开发。DevOps 优先考虑一点一点地持续开发和改进程序。

An image showing how DevOps works

How DevOps works (Source: Atlassian)

同样,组织越来越多地使用云服务来使事情变得更加安全和高效。据甲骨文称,组织将很快在云中存储比 T2 多 600 倍的敏感数据。

你可以从 Statista 的 7,164 名高管收集的数据中看出这一趋势。从 2019 年到 2021 年,单一公共或私有云服务的使用下降,大多数组织采用了多种云解决方案。

A diagram showing the Use of Cloud Technology

Use of Cloud Technology (Source: Statista)

对云计算的投资也在增长。Statista 对全球数百家大型企业的另一项研究显示,83%的受访公司每年在公共云计算上的投资超过 120 万美元。这一数字高于 2019 年的 50%。

人们转向 FaaS,因为它经得起未来考验,而且可扩展。同样,它提供了更好的生产力和性能,更快的应用上市时间,以及更具成本效益的制作新程序的方式。

这些优势吸引了许多行业,包括银行业组织(或“BFSI”组织)、消费品和零售、娱乐、电信、信息和技术支持服务(ITES)、医疗保健和制造业。以下是每个行业对 FaaS 市场的贡献:

An image showing what industries use Faas

What industries use FaaS (Source: MarketsandMarkets)

与 SaaS 不同,FaaS 没有成千上万的供应商可供组织选择。FaaS 的绝大部分使用主要参与者提供的解决方案,包括 AWS Lambda、Azure Functions、IBM Cloud Functions、Google Cloud Functions、阿里云和 Cloudflare Workers。

我们现在将逐一介绍这些提供商。

自动气象站λ

AWS Lambda 由亚马逊于 2014 年 11 月推出,是一款非常受欢迎的 FaaS 工具。截至 2021 年第四季度, 33% 的云用户使用了 AWS 服务。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

AWS Lambda homepage

AWS Lambda

AWS Lambda 为许多编程语言提供了原生支持,包括 Node.js、C#、Python、Ruby、Go、Java 和 Powershell。正如我们在中提到的,“什么是功能即服务(FaaS)?” Alexa 用 AWS Lambda 做技能。

特性和功能:

  • 连接到其他 AWS 工具
  • 使用 Amazon CloudWatch 监控您的程序性能
  • SaaS 工具的 200 多次集成
  • 可以部署 docker 容器(AWS 在 2020 年 12 月引入了这个特性)

优点:

  • 你可以使用 Lambda API 或 Amazon API gateway 构建自己的后端
  • 您可以将函数部署为容器映像
  • 您可以使用 Amazon RDS 代理连接到关系数据库
  • 您可以选择为每个功能分配多少内存

缺点:

  • 如果你还没有使用 AWS,设置它将花费大量的时间和精力

微软 Azure 函数

微软 Azure Functions 是微软 Azure T1 的一项功能,微软于 2010 年 2 月首次推出“Windows Azure”。Azure Functions 允许你通过 FaaS 执行事件驱动的代码。截至 2021 年第四季度,21%的云用户使用了 Azure。

Microsoft Azure Functions homepage

Microsoft Azure Functions

特性和功能:

  • 你可以将你的函数连接到 Azure Logic 应用中的 250 多个连接器
  • 支持 JavaScript ,C#,F#,Powershell, PHP, Python ,Java
  • 为新用户提供许多教程
  • 通过 Azure 应用洞察帮助您分析您的程序

优点:

  • Azure Functions 使用集成编程模型
  • 非常适合使用 DevOps 的团队
  • 提供多种计划

缺点:

  • Azure Functions 不支持 Node.js 或 Ruby

谷歌云功能

谷歌云是仅次于 AWS 和 Azure 的第三大最受欢迎的云计算解决方案。它目前拥有 10%的市场份额。Google Cloud Functions 是 Google Cloud 的一个 FaaS 特色——一项为广泛用户提供 100 多种产品的服务。

Google Cloud functions

Google Cloud

特性和功能:

  • 调试和日志记录被集成到 Google 云功能中(通过 CloudTrace 和 CloudDebugger)
  • 你可以从谷歌助手、谷歌云、Firebase 或任何使用 HTTP 的应用中使用触发器
  • 谷歌云功能集成了许多谷歌合作伙伴

优点:

  • 那些想要多云和混合能力的人可以使用它
  • 它是开源的,所以如果你愿意,你可以很容易地转移到另一个 FaaS 平台
  • 它非常容易使用
  • 谷歌向新用户提供许多免费资源

缺点:

  • Google Cloud Function 基于容器的服务不如其他 FaaS 提供商先进

IBM 云

IBM Cloud 来自 SoftLayer,IBM 于 2013 年 6 月收购的公共云平台。IBM 将该平台转变为 Bluemix,并于 2014 年 7 月将其作为 PaaS 工具推出。此后,IBM 将这项服务更名为 IBM Cloud,并将其功能扩展到 FaaS。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

IBM Cloud homepage

IBM Cloud

截至 2021 年第四季度, 4% 的云用户已经使用了 IBM Cloud。它运行在 Apache OpenWhisk 生态系统上。

特性和功能:

  • 您可以搜索视频内容
  • 您可以通过 IBM Watson APIs 将您的程序连接到其他程序
  • IBM 为一些常见任务提供了预构建的功能
  • 支持 Node.js, Python ,Swift, PHP ,Go,Ruby,Java,以及。网络核心

优点:

  • 非常适合构建移动应用程序
  • 易于学习使用
  • 通过 IBM 云监控来监控您的应用程序

缺点:

  • 将函数的内存时间限制为十分钟或 2048 MB

阿里云

阿里云并不像其他云计算选择那样广为人知,但它仍然拥有相当可观的市场份额 6% 。阿里云由阿里巴巴于 2008 年推出,面向在线企业和使用阿里巴巴其他服务的人。

Alibaba Cloud homepage

Alibaba Cloud

FaaS 是阿里云提供的服务之一,另外还有内容交付网络(CDN) 、数据存储和大数据处理。

特性和功能:

  • 与阿里巴巴的其他计算服务集成
  • 防灾难,因为阿里巴巴在多个区域的集群上托管功能
  • 视频转码
  • 人工智能推理
  • 支持 Node.js、Python、Java、PHP 和 C#

优点:

  • 为那些不需要运行很多代码的人提供了一个免费的选项
  • 高度可扩展
  • 您可以使用多种类型的触发器

缺点:

  • 将功能从阿里巴巴转移到另一家 FaaS 供应商那里可能会很困难

云闪工人

Cloudflare 运行的 Cloudflare Workers 是一个 FaaS 系统,适合新开发人员和那些希望几乎立即运行代码的人。Cloudflare Workers 提供免费计划和可伸缩的价格。

Cloudflare Workers homepage

Cloudflare Workers

特性和功能:

  • 支持 JavaScript、C++、Rust 和 C
  • 您可以将图像、pdf 和其他文件存储在 Cloudflare Workers 上,以作为静态资产进行部署
  • 灾难防护,因为 Cloudflare 工作人员使用全球服务器网络
  • 与其他 Cloudflare 产品集成

优点:

  • 它比许多其他 FaaS 选项便宜
  • 新手开发人员很容易学会使用
  • 你可以很快开始
  • Cloudflare 提供了详细的教程和资源,可以帮助您构建应用程序

缺点:

  • Cloudflare Workers 不如其他选项强大,更适合那些拥有小规模项目的人

Faas 最佳实践

是的,FaaS 是一种技术,但它也是开发人员在程序和应用程序开发中需要采用的一种心态。

要充分利用 FaaS,请遵循以下最佳实践:

  • 记住 FaaS 的局限性。 FaaS 并不适合每一个项目,如果你试图与 FaaS 一起创建一个非 FaaS 友好的项目,这将耗费你的时间、精力和金钱。
  • 在 FaaS 上仅运行单一动作功能。如果您运行具有多个操作的函数,您会破坏 FaaS 函数最佳工作的隔离环境。这种中断会降低应用程序的速度和效率。
  • 不要运行有依赖关系的函数。依赖关系会在以后产生错误和可伸缩性问题。
  • 仔细观察你的装载时间。你的加载时间来自于你需要大量内存的库或函数。高加载时间会降低你的程序速度,最终让用户失望。
  • 减少您使用的关系数据库管理系统(RDBMS)连接的数量。这些连接会增加函数运行的时间,并在你的程序中引入一个故障点。

你需要 FaaS 吗?

对于某些人来说,FaaS 是一种创新的、改变游戏规则的技术,但它并不适用于所有人。

从 FaaS 中获益最多的组织愿意用微服务架构来构建程序,其中每个功能只做一件事。这些功能应该独立工作——如果它们相互依赖,就会遇到可伸缩性问题。

如果你想构建一个具有单一架构或功能的应用程序,FaaS 可能不太适用。同样,如果你不想长期依赖单一供应商,FaaS 可能是一个短视的选择。

当然,没有 FaaS,你仍然可以利用云技术。例如,您可以投资 PaaS 或 IaaS,将应用程序的一些功能外包给云。这个选项会给你带来云计算的一些成本和效率上的好处,但是你不需要在 FaaS 模型的限制下构建你的程序。

或者,如果你不需要建立一个做一些非常特殊或专门的事情的程序,考虑投资一个 SaaS 工具。一些 SaaS 工具甚至是开源的,所以你可以根据自己的需要修改现有的工具。

The FaaS market is expected to grow to $24 billion by 2026... so there's never been a better time to learn about this market ✅Click to Tweet ## 摘要

FaaS 不是技术术语或新趋势。这是一项可扩展的技术,在未来十年中,你应该会看到更多。

解释 FaaS 有时似乎很难,但 FaaS 只是一项服务,允许开发人员使用他人维护的基础设施编写和运行代码。您经常使用的许多服务,如 Alexa,都使用 FaaS。常见的 FaaS 厂商有 IBM 云函数、AWS Lambda、阿里云、谷歌云函数、微软 Azure 函数等。

虽然 FaaS 对某些企业非常有效,但它不会适合所有人。FaaS 最适合运行执行单一功能的孤立无状态代码。

我们想把麦克风(或键盘)交给你。您如何在您的业务中使用 FaaS,对于首次探索该技术的其他人,您有什么建议吗?请在下面的评论中告诉我们。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

深入了解谷歌分析 4 (GA4)

原文:https://kinsta.com/blog/ga4/

谷歌分析 4 (GA4)已经问世一段时间了,但尽管新功能定期添加,许多用户要么觉得它在某些领域仍然缺乏,要么只是没有时间来掌握新界面。

随着谷歌通用分析(UA)的隐私问题变得非常普遍,以及谷歌设定了关闭 UA 的日期,现在是迈出这一步并开始使用 GA4 的最佳时机。

GA4 是什么?

GA4 是下一代 Google Analytics ,提供了一种更加注重隐私的方法来跟踪网站和应用程序中的用户,减少对第一方 cookies 的依赖,以符合隐私监管的未来发展。

谷歌通过升级其机器学习游戏实现了这一点,当用户选择不接受 cookies 时,使用建模来“填补空白”,本质上允许 GA4 继续提供关于用户参与度的见解,同时保持他们的数据匿名。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

虽然目前仍然可以安装通用分析,但 GA4 现在是所有新 GA 属性的默认版本。

As privacy concerns with Google’s Universal Analytics have grown and a date set to switch off UA, it's the perfect time to take the leap and start using GA4. 📈Click to Tweet

GA4 最早是什么时候推出的?

谷歌最早宣布发布 GA4 要追溯到 2019 年 7 月(有测试版)。随后在 2020 年 10 月硬推出,成为所有新房产的默认平台。

虽然 GA4 尚未被大多数营销人员完全采用,但企业已经越来越意识到隐私,并且围绕通用分析公司如何处理它提出了一些问题。

谷歌为什么把通用分析更新到 GA4?

十多年来,企业一直依赖谷歌分析的见解,衡量用户参与度,以了解他们的在线表现,并利用这些数据做出明智的决策。

虽然 GA4 能够提供类似的见解,但谷歌彻底改革了 Universal Analytics 及其构建的数据模型,这意味着不可能将数据从 Universal Analytics 迁移到 GA

这在数字营销社区引起了轩然大波,因为许多网站所有者多年来一直在收集数据和跟踪季节性趋势。从零开始的想法很不理想。

随着 2018 年通用数据保护条例( GDPR )的出台,企业被迫更加认真地对待隐私,并更好地掌握他们如何处理用户数据。

谷歌的 Universal Analytics 是用来收集用户数据的分析工具的一个典型例子。这使得该工具近年来获得了大量的宣传,越来越多的人担心网站使用它会违反 GDPR 法规。

GA4 是谷歌对无烹饪未来的回应,并声称允许企业在人工智能和机器学习的帮助下继续跟踪用户参与度,为选择不同意被跟踪的用户“填补空白”。

Cookie message requesting users to accept or deny marketing cookies

Cookie request on kinsta.com

这对谷歌分析用户意味着什么?

谷歌宣布将于 2023 年 7 月 1 日停用 Universal Analytics,并将于 2023 年底取消查看历史数据的权限。

哦,天啊…这会让你头疼的。

Universal Analytics(又名常规 GA)将于 2023 年 7 月上市。

如果你不切换到 GA4,你最终将无法跟踪新的点击,你也会失去历史数据😲https://t.co/vAwVNmBJ8cpic.twitter.com/tDf5YDC1qwT2

玛丽·海恩斯博士🐧(@ Marie _ Haynes)2022 年 3 月 16 日

介绍如何用 Gatsby 和 WordPress 构建网站(快速和静态)

原文:https://kinsta.com/blog/gatsby-wordpress/

一个典型的动态网站,比如那些基于 WordPress 的网站,是如何工作的?当访问者在浏览器上输入 URL 或通过链接访问您的网站时,会向您的 web 服务器发送一个请求。

服务器通过必要的数据库查询收集所需的数据,并生成一个 HTML 文件供您的浏览器显示。另一方面,静态网站将这些响应存储在服务器上的平面文件中,然后立即发送给访问者。

静态站点生成器已经存在很长时间了,但是最近越来越受欢迎。在这个分步指南中,我们来看一下 WordPress 与静态站点生成器 Gatsby 的集成。

盖茨比是什么?

WordPress 创建动态网站,需要服务器上有一堆 PHPMySQLApache 或 Nginx 才能运行。通过为你网站上的所有内容生成一个 HTML 页面列表,可以创建一个静态版本的 WordPress。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

这个静态版本的 WordPress 被称为 headless WordPress 或 serverless WordPress。这种转换过程只需进行一次,这样就可以多次向访问者提供相同的页面。如何将你的 WordPress 站点转换成静态版本?这就是盖茨比出现的原因。

盖茨比或 GatsbyJS,是一个静态站点发电机,由 ReactJS 建造,由 GraphQL 供电。盖茨比允许任何人创建功能丰富、引人入胜的网站和应用程序。Gatsby 通过 GraphQL 从各种来源为您的站点获取数据,包括现有网站、API 调用和平面文件,并根据您指定的配置设置构建静态站点。

《盖茨比》才开发一年,但是大量用户都在给《盖茨比》试一试。盖茨比在各种场合都得到了认可。Airbnb 的数据科学和工程博客的主页由 Gatsby 提供支持,尽管实际的博客文章是在 Medium 上发布的。

airbnb engineering data science blog 3

Airbnb’s Engineering & Data Science Blog

Braun 是消费品公司 P&G 的一个品牌。它的加拿大网站由 Gatsby 托管,而网站上的搜索功能由 React 提供。

braun canada website 3

Braun’s Canadian Website

此外,盖茨比也激起了自由职业开发者对他们的投资组合的兴趣。像 Jacob Castro 的这样的作品集主要是静态内容,带有作品链接和通过电子邮件联系,因此静态网站非常适合他的需求。

jacob castro portfolio 3

Jacob D. Castro’s Portfolio

为什么选择盖茨比?

快速网站:用 Gatsby 构建静态网站的首要好处是速度,自从谷歌宣布在网页搜索排名中使用站点速度以来,站长们一直在努力优化。加载时间也会影响页面浏览量和转化率。据估计,现场加载时间延迟一秒钟会导致转化率下降 7%

安全:你还可以在一个静态的站点上增加安全。因为提供的是一堆静态文件,所以没什么好侵入的。此外,如果静态文件丢失,您可以随时重新生成它们。

服务器成本:托管动态网站要求您的服务器与您的技术相兼容。如果你正在处理一个静态站点,你可以在几乎任何服务器上托管它,这也降低了与托管相关的成本。

在每次更改时用 Gatsby 生成静态站点确实需要 JavaScript,这也可以在将静态文件传输到站点之前在本地机器上完成。

为什么要避开盖茨比?

没有内置的动态内容:如果你想使用 Gatsby,你需要重新考虑如何控制和提供动态内容,也就是说,你需要创建一个静态/动态的混合体来实现这一点(下面将详细介绍)。

例如,评论需要通过像 Disqus 这样的服务在外部托管。

联系表格也需要通过像谷歌表格这样的外部合作伙伴重新路由。简而言之,您将失去对这些动态内容的直接控制,因为它们的响应并不存储在您的服务器上。

频繁构建不方便:静态站点也有频繁重新转换的问题。您在站点上所做的任何更改只有在您重新生成页面并将其重新上传到服务器后才会反映出来。

技术专长: Gatsby 建立在 ReactJS 和 GraphQL 之上。因此,需要掌握一些 JavaScript 知识和 GraphQL 的基本概念,才能使用 Gatsby 并将网站移植到 Gatsby。

静态网站适合那些寻求低成本解决方案的人,安全性高。一些用例是自由职业者的组合网站和产品演示网站。

如果你觉得利大于弊,那太好了!我们现在将尝试设置 Gatsby 来与我们的 WordPress 站点集成。

我们在本教程中构建的 Gatsby 站点的最新版本可以在 GitHub 上找到供您使用。
T3】

第一步:建立盖茨比

在这一节中,我们将看看如何安装 Gatsby 并使用 Gatsby 创建一个基本的静态站点。

先决条件

《盖茨比》入门的第一步是检查它的先决条件。Gatsby 是通过 NPM(NodeJS 包安装程序)提供的。因此,在安装 Gatsby 之前,您的环境中需要 NodeJS 和 npm。另外,Gatsby 要求你安装源代码管理系统 Git

信息

目前,Kinsta 不能托管 NodeJS 服务器,这些服务器应该安装在其他地方。然而,你可以使用 Kinsta 来安装你的 WordPress,或者使用 REST API 或者 GraphQL 来获取数据。

如果运行的是 Windows,可以通过下载页面的安装程序安装 NodeJS 和 Git。在 Mac 上,你可以下载它们的安装程序或者使用自制软件。

brew install nodejs
brew install git

如果运行的是 Linux OS,可以通过 apt 这样的包安装程序来安装 NodeJS。

sudo apt update
sudo apt install nodejs git

安装盖茨比

一旦成功安装了 NodeJS 和 Git,就可以安装 Gatsby 了!最简单的方法是在终端上运行以下命令(在 Windows 上使用npm命令行):

npm install -g gatsby-cli

安装程序首先安装依赖项,然后安装 Gatsby。现在您已经准备好创建您的第一个 Gatsby 站点了。

构建和部署您的 Gatsby 站点

运行以下命令创建一个 Gatsby 站点。

gatsby new gatsby-wordpress

Gatsby 通过克隆 Gatsby starter 模板在目录/gatsby-wordpress 中创建一个站点。您可以提供不同的起始模板进行克隆。一旦克隆完成并安装了依赖项,您就可以使用以下命令运行站点的开发版本。

cd gatsby-wordpress
gatsby develop

然后,您可以访问该网站的开发版本,网址为 http://localhost:8000

gatsby starter site 3

Gatsby Starter Site

最后一步是构建您的静态站点。以下命令在公共目录中创建静态文件。要将其上传到服务器,只需将该目录的内容上传到服务器的根目录。你可能希望添加一个路径前缀,比如 www.example.com/blog/,作为你构建的根 URL。

gatsby build

要在本地启动一个 HTML 服务器来显示网站的静态形式,您需要使用serve命令。请注意,它仅在运行 build 命令后才起作用。

gatsby serve

现在你已经成功地从 Gatsby 创建了一个基本的静态站点,让我们试着把它与 WordPress 集成起来。

第二步:如何将 Gatsby 连接到 WordPress

在这一部分,你将将你的 WordPress 站点与 Gatsby 集成。您可以将 Gatsby 指向您的 WordPress 博客的地址,使它能够在您运行开发服务器或生成静态页面时获取最新的数据。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

将 Gatsby 连接到 WordPress 的过程是获取您的 WordPress 数据,这是由一个构建触发的。一旦 Gatsby 获取了 WordPress 数据,它就基于当前模板创建静态站点。

该程序使用的 WordPress 站点有一个关于盖茨比的帖子的源码。为了促进这种交换,您需要通过以下命令安装 Gatsby 的 WordPress 插件:

npm install gatsby-source-wordpress

配置盖茨比

接下来,将这个插件添加到 Gatsby 的配置文件 gatsby-config.js 中。

然后,将下面的代码添加到文件中,将 Gatsby 连接到您的 WordPress 源代码。在这个例子中,我们使用了 MAMP 本地托管的 WordPress 站点。另外,您可能希望在 siteMetadata 中编辑站点的标题和描述。

module.exports = {
  siteMetadata: {
    ...
  },
  plugins: [
    ...
    {
        resolve: `gatsby-source-wordpress`,
        options: {
            // Specify the URL of the WordPress source
            baseUrl: `localhost:8888/wordpress`,
            protocol: `http`,
            // Indicates if a site is hosted on WordPress.com
            hostingWPCOM: false,
            // Specify which URL structures to fetch
            includedRoutes: [
              '**/posts',
              '**/tags',
              '**/categories'
            ]
        }
    } 

用 GraphQL 获取帖子

一旦你在你的配置文件中指定了 WordPress 站点的源,你需要指定需要从 WordPress 站点提取什么数据。Gatsby 使用 GraphQL,一种用于 API 的开源查询语言,来批量获取 WordPress 的帖子。

在您最终确定要选择的查询之前,您可以交互地选择您需要从 WordPress 获取的内容。运行开发服务器并转到 URL:http://localhost:8000/_ _ _ graphql 以打开 graph QL 编辑器。

query data graphql 3

Query data with GraphQL

当您完成了要提取的内容后,您可以将 GraphQL 查询添加到 index.js 文件中。

现在让我们只从每篇文章中提取标题和摘录。我们可以稍后添加更多的字段。

import React from "react"
import { graphql } from "gatsby"
import Layout from "../components/layout"
import SEO from "../components/seo"

export default ({ data }) => {
  return (
    <Layout>
      <SEO title="home" />
      <h4>Posts</h4>
      {data.allWordpressPost.edges.map(({ node }) => (
        <div>
          <p>{node.title}</p>
          <div dangerouslySetInnerHTML={{ __html: node.excerpt }} />
        </div>
      ))}
    </Layout>
  )
}
export const pageQuery = graphql`
  query {
    allWordpressPost(sort: { fields: [date] }) {
      edges {
        node {
          title
          excerpt
        }
      }
    }
  } 

当你查看开发网站时,你会注意到所有来自 WordPress 的文章都已经被调出,并显示了它们的标题和摘录:

gatsby homepage with wordpress posts 3

Gatsby home page with WordPress posts

虽然这看起来不太好,但你已经成功地从 WordPress 中提取了相关数据。下一步是为每篇文章创建一个新页面。

步骤 3:创建一个基本的页面模板

在这一节中,你将触发 Gatsby 为你的 WordPress 站点的每个页面创建一个帖子,并通过 slug 包含这些帖子的链接。

为每篇文章创建一个页面

从 WordPress 源代码中提取所有帖子后的第一步是指示 Gatsby 为每个帖子创建一个页面。这是一个使用createPage动作完成的动作。

厌倦了你的 WordPress 站点缓慢的主机?我们提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。查看我们的计划

将以下代码添加到 gatsby-node.js 中。请注意,我们还会获得每篇文章的内容、作者、日期和段落:

const path = require(`path`)

exports.createPages = ({ graphql, actions }) => {
  const { createPage } = actions
  return graphql(`
    {
      allWordpressPost(sort: {fields: [date]}) {
        edges {
          node {
            title
            excerpt
            slug
            date(formatString: "MM-DD-YYYY")
            author {
              name
            }
          }
        }
      }
    }

  `).then(result => {
    result.data.allWordpressPost.edges.forEach(({ node }) => {
      createPage({
        // Decide URL structure
        path: node.slug,
        // path to template
        component: path.resolve(`./src/templates/blog-post.js`),
        context: {
          // This is the $slug variable
          // passed to blog-post.js
          slug: node.slug,
        },
      })
    })
  })

从 GraphQL 中提取数据后,代码为每篇文章创建一个页面。在 post 中,您可以使用 path 根据 slug 指定页面的 URL 结构。

或者,您可以获取文章的 ID,并在 URL 中指定。组件变量指向需要通过其呈现文章的模板。最后,我们将 slug 作为模板的上下文来传递。这是模板从获取的文章列表中查询正确文章所必需的。

理想情况下,您需要传递一个变量,该变量唯一地将一篇文章标识为上下文。

对 gatsby-node.js 文件进行更改后,重新启动开发服务器,以使更改生效。

创建显示帖子的模板

在 src 目录下创建一个目录模板。在 templates 目录中创建一个新文件 blog-post.js,并输入以下代码:

import React from "react"
import Layout from "../components/layout"
import { graphql } from "gatsby"

export default ({ data }) => {
  const post = data.allWordpressPost.edges[0].node
  console.log(post)
  return (
    <Layout>
      <div>
        <h1>{post.title}</h1>
        <div dangerouslySetInnerHTML={{ __html: post.content }} />
        <p> By: {post.author.name} </p>
        <p> On: {post.date} </p>
      </div>
    </Layout>
  )
}

export const query = graphql`
  query($slug: String!) {
    allWordpressPost(filter: { slug: { eq: $slug } }) {
      edges {
        node {
          title
          content
          slug
          date(formatString: "MM-DD-YYYY")
          author {
            name
          }
        }
      }
    }
  }

GraphQL 查询获取日期和作者姓名,显示在文章末尾。您可以使用 GraphQL 编辑器获得额外的字段,并将它们显示在 post 页面上。

链接到索引中的页面

您已经为每篇文章创建了一个新页面。但是,您需要从索引页面添加到这些文章的链接。转到 index.js 并修改代码,为每篇文章添加一个链接:

import React from "react"
import { Link, graphql } from "gatsby"
import Layout from "../components/layout"
import SEO from "../components/seo"

export default ({ data }) => {
  return (
    <Layout>
      <SEO title="home" />
      <h1>My WordPress Blog</h1>
      <h4>Posts</h4>
      {data.allWordpressPost.edges.map(({ node }) => (
        <div>
          
            <p>{node.title}</p>
          
          <div dangerouslySetInnerHTML={{ __html: node.excerpt }} />
        </div>
      ))}
    </Layout>
  )
}

export const pageQuery = graphql`
  query {
    allWordpressPost(sort: { fields: [date] }) {
      edges {
        node {
          title
          excerpt
          slug
        }
      }
    }
  }

以下是索引页面的状态:

index page with post links 3

Index page after adding links of posts

当点击一篇文章的链接时,这里是由 blog-post.js 呈现的博客文章页面:

blog post with details 3

Blog post with title, content, created date and author

步骤 4:高级迁移任务

虽然你可能已经成功地导入了每一篇 WordPress 文章,但是让我们执行一些高级任务来确保你在将来不会遇到问题。在这一部分中,您可以有效地处理图像,并将最后修改日期时间戳添加到数据中。

图像路径转换

我们的一个原帖,“有图贴!”里面有一张图片。如果你移动到 Gatsby 上相应的页面,你会注意到显示了图片,但是图片的来源和 WordPress 是一样的。在这个例子中,它指向本地托管的 WordPress 图片。

gatsby post with image and source 3

Gatsby post with an image and its source

如果您在外部托管图像,这不会造成问题,因为您将继续指向您的图像服务器。然而,如果你把图片存储在你的 WordPress 安装中,你也需要把图片和文章放在一起!

这是由内嵌图像插件解决的。首先,安装
gatsby-image,然后安装gatsby-wordpress-inline-images插件。

npm install gatsby-image
npm install gatsby-wordpress-inline-images

接下来,将下面几行添加到您的gatsby-config.js文件中。

module.exports = {
  siteMetadata: {
    ...
  },
  plugins: [
    ...
    {
      resolve: `gatsby-source-wordpress`,
      options: {
        ...
        // If useACF is true, then the source plugin will try to import the WordPress ACF Plugin contents.
        // This feature is untested for sites hosted on WordPress.com
        useACF: true,
        plugins: [
          {
            resolve: `gatsby-wordpress-inline-images`,
            options:
            {
              baseUrl: `localhost:8888/wordpress`,
              protocol: `http`
            }
          }
        ]
      }
    }
  ],
}

在做了这些改变之后,重启开发服务器将会从 WordPress 站点下载图片,并把它们存储在本地。您可以从同一图像的路径中验证这一点。

显示上次修改日期

如果你管理着一个定期更新文章的博客,你可能希望通知读者文章最后一次更新的时间。尽管您在前面的 GraphQL 查询中提取了“创建日期”,但是本节也将告诉您如何提取“最后修改时间”时间戳。

要将 WordPress 的最后修改时间戳添加到您的 Gatsby 帖子中,您需要将 modified 字段添加到 GraphQL 查询的条目列表中。它是一个类似于date的时间戳,所以还需要添加参数formatString。下面是修改后的blog-post.js文件:

...
<Layout>
  <div>
    ...
    <p> On: {post.date} </p>
    <p> Last modified: {post.modified} </p>
  </div>
</Layout>
...

export const query = graphql`
  query($slug: String!) {
  {
    allWordpressPost {
      edges {
        node {
          ...
          modified(formatString: "MM-DD-YYYY")
        }
      }
    }
  } 

一旦您添加了这个,您将能够在 Gatsby 的博客文章页面上看到最后修改的时间戳:

gatsby post with last modified timestamp 3

Post with the last modified timestamp

Everyone's talking about #Gatsby.. but what is it?🤷‍♂️ Learn how to create fast websites powered by Gatsby + WordPress in this in-depth tutorial! 🕴🚀Click to Tweet

摘要

决定利用 Gatsby 将你的 WordPress 站点转换成静态站点是一项具有挑战性的任务。为此,您应该执行以下步骤:

  • 安装 Gatsby 来构建一个入门站点
  • 通过 GraphQL 将 Gatsby 连接到 WordPress 源代码
  • 为博客文章创建模板
  • 从 WordPress 导入所有图片
  • 显示 WordPress 上一次修改的时间戳

现在,该你了:你在盖茨比身边玩过吗?你对它有什么体验?在评论里告诉我们吧!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何使用 BuiltWith 生成业务线索

原文:https://kinsta.com/blog/generate-business-leads-using-builtwith/

简单来说,它是一个技术查找工具,可以用于多种目的。假设你已经创建了自己的电动汽车公司,并想与埃隆·马斯克和特斯拉竞争(祝你好运)。你很有抱负,并且知道特斯拉的网站流量为他们的汽车销售带来了很多线索。如果您可以查看他们的网站托管在哪里,以及他们用来获取和转换线索的任何营销和分析软件,这不是很好吗?

使用 BuiltWith 生成业务线索

有了 BuiltWith,你就可以做到这一点。一旦你开始使用这个工具,它就会变得非常迷人。例如,当我们在 TeslaMotors.com 上运行查询时,我们会找到很多有用的信息。例如,他们正在使用 Neustar 提供的名为 UltraDNS 的 DNS 服务。他们使用 Nginx 和清漆的混合物。他们托管在 QTS 上,Akamai 是他们的 CDN,并且喜欢 JavaScript 库。在营销方面,我们可以看到他们正在使用 Drupal、、谷歌分析、Salesforce、Marketo、Optimizely 和 Eloqua(现在是甲骨文的一部分)。

builtwith lookup

现在,重要的是真正做好你的功课,并对此有所保留。他们托管 QTS 是因为他们是世界上最好的提供商,还是因为他们得到了巨大的折扣?他们用 Eloqua 是因为热爱还是因为马斯克和埃里森是朋友?

他们使用 Drupal 是因为他们认为它比 WordPress 好,还是因为一些广告公司说服了他们?在很大程度上,我们永远不会知道。但至少,我们知道他们确实在用什么,即使我们不知道为什么。

现在,大多数人可能会想,他们会对最接近的 3-5 个竞争对手使用这个工具,这是一个很好的开始。然而,仅仅用它来做这件事是短视的。跳出框框思考。查找那些营销做得很好的公司,即使他们不在你的垂直领域,看看他们在用什么。你可能会对你的发现感到惊讶,你可能会开始使用你的竞争对手甚至不知道的工具。

到目前为止,我们已经讨论了该工具的发现方面,但是让我们深入研究一下他们的付费产品。假设你已经建立了一个比 Neustar 的 UltraDNS 更好的 DNS 服务,并且想让他们所有的客户都知道它。嗯,BuiltWith 有一个使用他们服务的 230,000 个站点的列表,你可以通过付费订阅购买。

你会得到电子邮件地址和域名,然后你可以用它们来创建一个推广活动。或者假设你想知道所有使用特定 WordPress 插件的网站。是的,你也可以这样做。也许你的主题补充了那个特定的插件,或者你有一个插件以更优雅的方式实现了同样的目标。

现在你们中的一些人可能会想,“天哪,这意味着人们可能能够找到我所有客户的列表”。您的假设是正确的,有人可能会为此目的使用该工具。但是就像其他事情一样,你总是会成为偷猎的目标,最好的防御就是良好的进攻。

这意味着做你应该已经在做的事情,创造一个伟大的产品或服务,让你的客户非常高兴,他们会删除你的竞争对手发给他们的电子邮件,无论他们是从 BuiltWith 还是从其他地方获得信息。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何为 GitHub 生成 SSH 密钥

原文:https://kinsta.com/blog/generate-ssh-key/

Git 和 GitHub 是每个开发者必不可少的工具。它们被广泛应用于几乎每一种软件开发项目中。

还有其他 Git 托管服务,比如 Gitlab 和 T2,但是 GitHub 是开发者最受欢迎的选择。你甚至可以编辑你的个人资料,让它看起来对招聘人员更有吸引力。

你可以使用 Git 和 GitHub 来组织你的项目,与其他开发者合作,当然,在 Kinsta 也可以。

但是因为 Git 和 GitHub 是相关但不同的工具,你需要用它们中的每一个不断更新你的工作流程。

Pro tip: use SSH keys for each one of your machines... and use this guide to get started 🔑😄. So, in this tutorial, you’ll learn what they are, some of their advantages, and how to generate and configure GitHub SSH keys.Click to Tweet

我们建议为您的每台机器使用 SSH 密钥。因此,在本教程中,您将了解它们是什么,它们的一些优点,以及如何生成和配置 GitHub SSH 密钥。

我们开始吧!

什么是 SSH 密钥?

简单地说,SSH 密钥是用于 SSH(安全外壳)协议的凭证,以实现通过互联网对远程计算机的安全访问。通常,认证发生在命令行环境中。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

该协议基于客户机-服务器体系结构,这意味着您作为用户(或“客户机”)需要使用一种称为 SSH 客户机的特殊软件来登录到远程服务器并执行命令。这基本上就是你通过终端向 GitHub 认证时要做的事情。

Terminal showing two commands: "git commit -am "Added comment in the structured-programming example file" and "git push" with the success response from the GitHub server

Git push.

但是 SSH 不仅仅用于 GitHub。它被其他平台广泛使用,如 Kinsta、Google Cloud 和 Amazon Web services,以创建一个访问其服务的安全通道。

现在,进入 SSH 密钥的真正工作方式,您需要理解公钥和私钥之间的区别。

公钥与私钥

让我们从基础开始。

SSH 协议使用一种叫做非对称加密的加密技术。这个术语可能听起来复杂而怪异,但事实并非如此。

基本上,非对称加密是一种使用一对密钥的系统,即公钥私钥

正如您可能猜到的,公钥可以与任何人共享。它的主要目的是加密数据,将信息转换成密码或密文。该密钥通常被发送到其他系统(例如,服务器),以便在通过互联网发送数据之前对其进行加密。

另一方面,私钥是您必须保密的。它用来用你的公钥解密加密的数据。没有它,就不可能解码你的加密信息。

这种方法允许您和服务器保持一个安全的通信通道来传输信息。

当您通过 SSH 连接到服务器时,后台会发生以下情况:

  1. 客户端将公钥发送给服务器。
  2. 服务器要求客户端使用私钥对用公钥加密的随机消息进行签名。
  3. 客户端对消息进行签名,并将结果转发给服务器。
  4. 在客户端和服务器之间建立了安全连接。

在任何情况下,保护好你的私人密钥并与任何人分享是很重要的。它们实际上是发送给你的所有信息的关键。

在 GitHub 中使用 SSH 密钥

自 2021 年 8 月 13 日起,Github 不再接受命令行访问的密码认证。这意味着现在您需要通过个人访问令牌或使用 SSH 密钥进行身份验证(稍微方便一点)。

当您尝试在终端中通过 HTTP 使用 GitHub 密码进行身份验证时,会发生以下情况:

Username for 'https://github.com': yourusername

Password for 'https://[[email protected]](/cdn-cgi/l/email-protection)':

remote: Support for password authentication was removed on August 13, 2021\. Please use a personal access token instead.

remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information.

fatal: Authentication failed for 'https://github.com/yourusername/repository.git/'

GitHub 需要您的公钥来授权您通过 SSH 编辑您的任何回购。

让我们看看如何在本地生成 SSH 密钥。

如何在本地生成 SSH 密钥

现在,您已经对 SSH 协议以及公钥和私钥之间的区别有了一些了解,是时候在您的机器和 GitHub repos 之间建立安全的 SSH 通道了。

在我们继续之前,您应该已经有了一个 GitHub 帐户,并且在您的系统中安装了一个带有 Git 的终端/命令提示符。如果你运行的是 Windows,确保你安装了 Git bash ,它内置了你跟随本教程所需的所有工具。

OpenSSH 客户端是用于通过 SSH 连接的最流行的开源软件。你不需要担心你的操作系统,因为它默认安装在 Linux、 macOSWindows 10 上。

您需要在 Windows 上启动命令提示符,或者在基于 Unix 的系统上启动终端来生成本地 SSH 密钥。通常,您可以通过在应用程序面板中搜索“终端”、“cmd”或“powershell”,然后单击显示的图标来完成此操作。

Application finder showing different terminal applications, including "Terminal Emulator", "Alacritty", and "Kitty".

Terminal application search.

信息

如果你使用 Linux,大多数发行版都有快捷键 Ctrl + Alt + T 来打开一个终端。

这样做之后,你应该有一个类似下图的窗口。

Semi-transparent terminal application running the fish shell.

Terminal application.

运行以下命令来生成本地 SSH 密钥对:

ssh-keygen -t ed25519 -C "[[email protected]](/cdn-cgi/l/email-protection)"

是时候告诉你一个秘密了:没有人能真正记住这个命令!大多数开发人员每次都必须谷歌一下,因为:

  1. 这是一个非常长的命令,带有容易忘记的、看起来随机的数字。
  2. 我们很少用,所以大部分时间把它记在脑子里不值得。

然而,理解我们引入到终端中的每个命令是很重要的,所以让我们来看看这个命令的每个部分是什么意思。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

  • ssh-keygen :用于创建一对新的 ssh 密钥的命令行工具。你可以用ssh-keygen help看到它的标志
  • -t ed 25519:-t标志用于指示用于创建密钥对的数字签名的算法。如果您的系统支持,ed25519是您可以用来创建 SSH 密钥对的最佳算法。
  • -C " email ":-c标志用于在公钥末尾提供自定义注释,通常是密钥对创建者的电子邮件或标识。

在终端中输入命令后,您必须输入想要保存密钥的文件。默认情况下,它位于您的主目录中,在一个名为“”的隐藏文件夹中。ssh”,不过你可以随便改。

然后,系统会要求您将密码添加到您的密钥对中。如果您的设备在任何时候受到威胁,这将增加一层额外的安全性。添加密码不是强制性的,但始终建议这样做。

整个过程是这样的:

ssh-keygen command with various messages including the file the keys will be saved "/home/daniel/.ssh/kinsta_keys", passphrase input, and the resulting key fingerprint.

ssh-keygen command.

正如您所看到的,这个命令在您选择的目录中生成了两个文件(通常是 ~/)。ssh ):带.pub扩展名的公钥,不带扩展名的私钥。

稍后我们将向您展示如何向您的 GitHub 帐户添加公钥。

将 SSH 密钥添加到 ssh-agent

ssh-agent 程序在后台运行,安全地保存您的私钥和密码,并让它们随时可供 ssh 使用。这是一个很好的工具,可以让你在每次连接到服务器的时候都不用输入密码。

因此,您要将新的私钥添加到这个代理中。方法如下:

  1. Make sure ssh-agent is running in the background.

    eval `ssh-agent`
    # Agent pid 334065
    

    如果一切正常,您会收到类似这样的消息。这意味着 ssh-agent 正在一个特定的进程 id (PID)下运行。

  2. Add your SSH private key (the one without extension) to the ssh-agent.

    ssh-add ~/.ssh/kinsta_keys
    

    用您的 SSH 密钥的名称替换 kinsta_keys 。如果这是您创建的第一个密钥,它应该被命名为“id_algorithm_used”,例如, id_ed25519

将 SSH 密钥添加到 GitHub 帐户

最后一步是将您的公钥添加到您的 GitHub 帐户中。只需遵循以下说明:

  1. 将您的 SSH 公钥复制到您的剪贴板。您可以使用文本编辑器打开文件并拷贝它,或者使用终端显示其内容。

    cat ~/.ssh/kinsta_keys.pub
    # ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIJl3dIeudNqd0DPMRD6OIh65tjkxFNOtwGcWB2gCgPhk [[email protected]](/cdn-cgi/l/email-protection#107b797e63647165637562507b797e6364713e737f7d)
    
  2. [Log into GitHub ]](https://github.com/login) and go to the upper-right section of the page, click in your profile photo, and select Settings.

    GitHub upper-right panel showing different sections with an arrow pointing to the Settings section.

    GitHub 设置。

  3. Then, in profile your settings, click SSH and GPG keys.

    Profile settings panel showing the SSH and GPG keys option.

    宋承宪和 GPG 键。

  4. Click the New SSH key button.

    SSH keys section with an arrow pointing to the New SSH key button.

    新增 SSH 按键。

  5. Give your new SSH key on GitHub a Title — usually, the device you’ll use that key from. And then paste the key into the Key area.

    Add a new SSH key form with the fields "Title" and "Key".

    添加新的 SSH 密钥形式。

  6. Add your SSH key.

    Add SSH key button.

    添加 SSH 按键。

使用 Repo Push 测试 SSH 连接

是时候测试你目前所做的一切了。您将使用 SSH 更改、提交和推送一个现有的 repos,以确保您的连接设置正确。

所有的 Kinsta 托管计划都包括来自我们资深 WordPress 开发者和工程师的 24/7 支持。与支持我们财富 500 强客户的同一个团队聊天。查看我们的计划!

对于我们的例子,我们将修改我们在 Git for Web 开发教程中创建的简单 HTML 站点。

首先,我们需要将存储库克隆到我们的本地机器上。我们可以去 GitHub 上的 repo 页面,复制它提供的 SSH 地址。

GitHub page showing SSH clone command.

SSH clone command.

然后,使用终端克隆回购:

git clone [[email protected]](/cdn-cgi/l/email-protection):DaniDiazTech/HTML-site.git

现在,让我们在index.html文件中添加一个简单的<h1>标记:

...
<div class="container my-2">
    <h1 class="text-center">A new title!<h1>
</div>

<div class="container my-3">
...

Simple HTML site with the title "A new title", and four pictures of tech items.

The simple HTML site.

为了使编辑保持简单,我们没有使用任何 JavaScript 或 CSS。但是如果你精通 JavaScript,你可能会在 Kinsta 找到一个位置。检查成为 Kinsta 团队成员所需的编码技能。

完成此操作后,提交更改:

git commit -am "Added a simple title"

并像平常一样将它们推入 GitHub。

git push

如果一切顺利,恭喜你!您只需在您的机器和 GitHub 之间建立一个 SSH 连接。

为不同的 GitHub 帐户管理多个 SSH 密钥

如果你有多个 GitHub 账户——假设一个用于你的个人项目,一个用于你的工作——很难同时使用 SSH。你通常需要不同的机器来认证不同的 GitHub 账户。

但是这可以通过配置 SSH 配置文件很容易地解决。

让我们开始吧。

  1. 创建另一个 SSH 密钥对,并将其添加到您的另一个 GitHub 帐户。请记住您要分配新密钥的文件的名称。

    ssh-keygen -t ed25519 -C "[[email protected]](/cdn-cgi/l/email-protection)"
    
  2. 创建 SSH 配置文件。配置文件告诉 ssh 程序它应该如何运行。默认情况下,配置文件可能不存在,所以在。ssh/文件夹:

    touch ~/.ssh/config
    
  3. 修改 SSH 配置文件。打开配置文件并粘贴下面的代码:

    #Your day-to-day GitHub account
    
    Host github.com
      HostName github.com
      IdentityFile ~/.ssh/id_ed25519
      IdentitiesOnly yes
    
    # Work account
    Host github-work
      HostName github.com
      IdentityFile ~/.ssh/work_key_file
      IdentitiesOnly yes
    

现在,每次您需要使用您的工作帐户或辅助帐户通过 SSH 进行身份验证时,您都需要调整一下 repo SSH 地址,从:

[[email protected]](/cdn-cgi/l/email-protection):workaccount/project.git

…致:

[[email protected]](/cdn-cgi/l/email-protection):workaccount/project.git

Git and GitHub are essential tools for every developer & this guide will help you unlock a new addition: SSH Keys 🔑Click to Tweet

摘要

祝贺您——您已经学到了通过 SSH 连接 GitHub 所需的大部分实用知识!

本教程讨论了 SSH 协议的必要性、公钥和私钥之间的区别、如何生成密钥、如何将密钥添加到 GitHub,甚至如何为不同的 GitHub 帐户管理多个 SSH 密钥。请记住,除非您想失去对所有内容的访问,否则您的私钥需要保持这种状态:私有。

有了这些知识,现在您就可以用 Git 和 GitHub 开发一个完美的工作流了。继续编码!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

generate press vs Astra:2022 年你应该用哪个 WordPress 主题?

原文:https://kinsta.com/blog/generatepress-vs-astra/

试图在作为你的 WordPress 网站主题的 GeneratePressAstra 之间做出选择?

从数字上看,这是两个最受欢迎的主题。它们也有相同的基本方法,这使得很难在它们之间做出选择。

两者都提供了轻量级的多用途基础和丰富的 WordPress 定制控件来帮助你定制它们。你可以用它们做任何事情,从博客到商业网站、电子商务商店会员网站等等。

总的来说,你不会走错路,但每个主题都有一些独特的优点,可能会把你推向一个或另一个方向。为了帮助您找到这些差异,我们将从几个关键方面对 GeneratePress 和 Astra 进行比较,包括:

  • 用户界面
  • 入门网站
  • 定价
  • 模块
  • 免费与高级功能
  • 布局和样式定制
  • 表演
  • 页面生成器集成
  • 开发者兼容性
  • 电子商务集成
  • 其他集成
  • 支持和文档

我们开始吧!

注意–我们想披露 GeneratePress 是一个 Kinsta 托管客户端。然而,在这次比较中,我们没有给 GeneratePress 任何特殊待遇——我们保持了完全的公正。

GeneratePress vs. Astra- which one should make the cut for your next WordPress site theme? 💥 Find all the details on these two popular options right here 👇Click to Tweet

GeneratePress vs Astra —快速介绍

在开始比较之前,我们先快速介绍一下这两个主题。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

生成 Press

GeneratePress 是一个轻量级的多用途主题,由 Tom Usborne 开发。开箱即用,它增加了不到 10 KB 的大小,并以干净的代码而闻名。

据 WordPress.org 称,截至 2020 年 12 月,GeneratePress 活跃在超过 30 万个网站上。它在超过 1,150 条评论中获得了完美的 5 星评级。

阿斯特拉

Astra 也是一个轻量级的多用途主题,重量不到 50 KB。它来自 Brainstorm Force,这是一个团队,在许多其他流行插件后面,包括 Gutenberg/Elementor/Beaver Builder 的终极插件。

Astra 给人留下了深刻的印象,它是唯一一个非默认的 WordPress 主题,在 WordPress 的活跃安装数超过了一百万。它还在超过 4800 条评论中获得了完美的五星评级。

(建议阅读:基于彻底测试的 11 个最快的 WordPress 主题)。

GeneratePress vs Astra —用户界面

GeneratePress 和 Astra 都依赖WordPress 定制器来完成你的大部分更改,它提供了一个方便的可视化、无代码的界面来进行更改。使用定制器的另一个好处是,它允许您实时预览您的更改,无需保存和刷新。由于 GeneratePress 和 Astra 的可定制性很强,所以在查看网站的前端设计时,有时很难(或不可能)识别它们。如果你曾经遇到一个网站,想知道它是否使用了 GeneratePress 或 Astra,看看我们方便的 WordPress 主题检测工具

在这一节中,我们将比较每个主题的入门和用户界面。在这一部分,我们将特别关注 WordPress.org 的免费主题,但随着我们进一步深入比较,我们将触及许多高级功能。
T3】

生成 Press

GeneratePress 在其免费版本中不提供入门网站(但在高级版本中提供)。此外,它在免费版本中不提供任何后端仪表板设置。所以当你安装免费主题时,你的第一步是直接进入原生 WordPress 定制器:

The GeneratePress Customizer options

The GeneratePress Customizer options

在单独的定制器设置中,GeneratePress 比 Astra 更加轻量级。正因为如此,Astra 在个性化定制设置中感觉更加用户友好。

例如,当您选择一个预设的标题布局时,您只需从一个基本的文本下拉列表中进行选择:

Header settings in GeneratePress - GeneratePress vs Astra comparison

Header settings in GeneratePress

这是一种不同于 Astra 的方法,你马上就会看到。

在编辑单个内容时,您还会获得一些附加选项,我们将在讨论页面生成器兼容性时讨论这些选项。

总的来说,GeneratePress 对 WordPress 定制器的详细使用坚持了其轻量级、无膨胀的方法。

阿斯特拉

因为 Astra 即使在免费版本中也提供入门网站,所以它有一个更结构化的入职流程。尽管如此,你还是会花大部分时间在 Astra 的 WordPress 定制器上。

当您第一次激活 Astra 时,它会提示您安装配套的 Starter Templates 插件,让您可以访问可导入的演示网站:

Astra's prompt to install starter sites

Astra’s prompt to install starter sites

点击开始将安装演示站点插件,我们将在接下来介绍。

除此之外,您将从本地 WordPress 定制器中完成所有其他工作,就像您使用 GeneratePress 一样:

The Astra Customizer options - GeneratePress vs Astra comparison

The Astra Customizer options

Astra 的定制器设置区域感觉更加用户友好和直观。例如,当选择预制的标题布局时,您将获得布局的可视化表示,而不仅仅是文本列表:

The Astra theme Customizer options - GeneratePress vs Astra comparison

The Astra theme Customizer options

差别很大吗?肯定不是。但大多数人可能会更喜欢 Astra 在初学者友好方面的设置方式。

您还将获得页面级控件,这将在页面生成器兼容性一节中介绍。

GeneratePress vs Astra —入门网站

就预建的可导入演示站点而言,Astra 有更多的选择。此外,Astra 仍然包括其免费版本的入门网站,而你只有支付 GeneratePress Premium 才能获得入门网站。

出于这些原因,Astra 在可导入的入门网站方面更强一些。

生成 Press

同样,如果你购买 GeneratePress Premium,GeneratePress 只提供入门网站。免费版不会给你带来任何入门网站,如果你不想从头开始,考虑这一点很重要。

在高级版中, GeneratePress 提供了由三种不同内容构建器构建的入门网站:

  1. 原生 WordPress 编辑器(blocks)–44 个不同的站点。
  2. 元素或–14 个不同的地点。
  3. Beaver Builder Pro–6 个不同的站点。

总的来说,这给了你 64+个预制场地可供选择。

若要导入 GeneratePress 的入门网站,您需要在 GeneratePress Premium 中激活网站库模块。从那里,你可以在你的 WordPress 仪表盘上浏览演示站点,然后点击几下就可以导入它们。

导入起始站点时,您可以选择进行完全导入或部分导入。您可以导入:

  • 只有 WordPress 定制器设置。
  • 定制器设置和所有演示内容。

How to import a starter site with GeneratePress

How to import a starter site with GeneratePress

阿斯特拉

Astra 提供了大量免费的入门网站,以及更多带有高级代理版本的入门网站。

Astra 为入门网站提供了四种不同的内容编辑器:

  • 原生 WordPress 编辑器(blocks)–52 个不同的网站–52 个免费网站和 0 个高级网站。
  • Elementor–133 个不同的站点–60 个免费站点和 73 个高级站点。
  • Beaver Builder–106 个不同的站点–38 个免费站点和 68 个高级站点。
  • 40 个不同的网站,17 个免费网站和 23 个付费网站。

与 GeneratePress 不同,不同内容编辑器之间的 starter 站点有一些重叠。例如,您可以找到用块编辑器和 Elementor 构建的完全相同的起始站点。

出于这个原因,你不能简单地把模板的总数加起来。但总的来说,你可以看到 Astra 肯定比 GeneratePress 提供了更广泛的选择。即使你只看 Elementor 演示网站,它仍然有两倍的数量。

要安装 Astra 的入门网站,你首先需要安装来自 WordPress.org 的配套入门网站插件(或者同等的高级版本来访问高级演示网站)。

从那里,你将能够从你的 WordPress 仪表盘内部浏览启动站点。当您导入起始站点时,您可以选择进行完全导入或部分导入。您可以导入:

  • 来自演示站点的个别内容。
  • 只有 WordPress 定制器设置(没有内容)
  • 只是内容。

Choosing what content to import with Astra - GeneratePress vs Astra comparison

Choosing what content to import with Astra

GeneratePress 与 Astra —定价

GeneratePress 和 Astra 在 WordPress.org 都有免费版本,以及解锁附加功能的高级版本。

高级版方面,两者定价基本一致。一个例外是,Astra 需要更昂贵的购买来解锁高级代理模板。

生成 Press

GeneratePress 提供两种付款方式:

  • 一年的支持/更新费用为 59 美元。第一年后,你可以享受 40%的折扣。
  • 终身支持/更新 249 美元

这两个计划都允许在无限制的网站上使用。

阿斯特拉

对于高级主题,Astra 有三种定价选择:

  • Astra Pro:一年支持/更新费用为 49 美元。
  • 基本套装:169 美元/年
  • 增长捆绑包:249 美元/年

这两个计划都允许在无限制的网站上使用。还有“终身”定价选项。

然而,GeneratePress 也有一些不同之处。最值得注意的是,如果您想要访问高级代理模板,您至少需要 169 美元(一年)/$499 美元(终身)的迷你代理捆绑包。这个包也让你可以访问开发者的其他插件,比如element 或 / Beaver Builder 的终极插件。

GeneratePress 与 Astra —模块

GeneratePress 和 Astra 都为其高级版本使用模块化方法,允许您启用和禁用您想要使用的特定功能。

在这一部分,我们将向您展示每个主题提供了哪些模块。一般来说,Astra 有一个更长的模块列表,这是有意义的,因为 Astra 通常比 GeneratePress 功能更丰富一些。

生成 Press

The full GeneratePress module list

The full GeneratePress module list

阿斯特拉

The full Astra module list

The full Astra module list

GeneratePress 与 Astra —免费和高级功能

正如我们上面提到的,这两个主题在 WordPress.org 都有受欢迎的免费版本,以及有更多功能的高级版本。高级版从技术上来说是免费核心主题的附加插件——无论你使用免费版(只有主题)还是专业版(主题加上高级附加插件),你都将使用完全相同的主题。

您将需要高级版本来访问我们在上一节中向您展示的所有模块。

总的来说,Astra 在免费特性上更慷慨一点,作为一个免费主题也更灵活。因此,如果你打算只使用免费版本,Astra 可能是一个更好的选择。

GeneratePress vs Astra —布局和风格定制

在比较免费版和高级版的特性时,我们稍微提到了这一点,但是现在让我们更深入地了解两个主题中的布局和风格定制选项。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

总的来说,Astra 和 GeneratePress 都给了你大量的定制选项,这也是它们如此受欢迎的原因。

然而,这是一个很难比较的部分,因为有太多的选项可用(特别是如果你有高级版本)。深入研究每一个功能都需要一本完整的电子书!

总的来说,Astra 在功能的数量上有点领先。但是在大多数情况下,这两个主题都会给你所有你需要的选项。大多数用户可能只会注意到一些小众特性的不同。

例如,在“核心”领域,它们都非常灵活,例如:

此外,Astra 并不是在所有领域都领先,GeneratePress 在某些领域更加灵活。例如,GeneratePress 有更多预设的页眉布局,尽管这将在 Astra 推出新的页眉/页脚生成器时发生变化(当我们编写这一对比时,它仍处于测试阶段)。

GeneratePress vs Astra —性能

GeneratePress 和 Astra 都比一般的 WordPress 主题进行了更多的性能优化,并且都绝对可以让你得到一个快速加载的网站。

不过,总的来说,GeneratePress 在性能方面稍微领先一点,尽管差距不是很大。不过,如果你是一个对 WordPress 性能着迷的人,这对 GeneratePress 来说是一个优势。

为了测试性能,我们在一个全新的 WordPress 安装上安装了每个主题,并用 WebPageTest 运行测试。我们没有而不是引入一个初始站点,因为那里有太多的变量需要比较。显然,如果你使用一个可导入的初始站点,你的真实站点会更重。

生成 Press

Performance of the GeneratePress theme on a fresh install - GeneratePress vs Astra comparison

Performance of the GeneratePress theme on a fresh install

阿斯特拉

Performance of the Astra theme on a fresh install - GeneratePress vs Astra comparison

Performance of the Astra theme on a fresh install

比较

为了让您更容易理解,以下是全新安装时 GeneratePress 与 Astra 的对比数据:

| | GeneratePress | 阿斯特拉 |
| HTTP 请求 | seven | nine |
| 页面大小 | 26 KB | 42 KB |

你可以看到,在默认状态下,GeneratePress 比 Astra 轻一点点。然而,两者都比大多数其他 WordPress 主题轻得多,所以很难对七个对九个 T2 HTTP 请求吹毛求疵。

GeneratePress 与 Astra —页面生成器兼容性

GeneratePress 和 Astra 都能很好地与流行的页面生成器插件配对。更具体地说,两者都提供了基于页面生成器的可导入的起始站点以及页面级控件,以便轻松地控制页面生成器设计的画布。

生成 Press

当处理单个内容时,GeneratePress 允许您调整布局并禁用某些元素。

您可以调整以下元素:

  • 侧边栏布局–从任何侧边栏布局中选择(禁用、切换侧边、添加额外的侧边栏等)。
  • 页脚微件–在 0-5 之间任意改变页脚微件的数量。
  • 内容容器–从默认、全角或包含中选择。

您也可以通过选中一个框来禁用以下元素:

  • 栏顶横木
  • 页眉
  • 沿航线导航
  • 辅助导航
  • 特色图片/页眉
  • 内容标题
  • 页脚

The GeneratePress page-level controls

The GeneratePress page-level controls

阿斯特拉

Astra 还提供了详细的页面级控件,包括一些控制页眉行为的附加选项。例如,您可以逐页启用粘性或透明页眉。

厌倦了你的 WordPress 站点缓慢的主机?我们提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。查看我们的计划

您可以调整以下设置:

  • 侧边栏–右侧、左侧或禁用。
  • 内容布局–盒装、内容盒装、全幅包含、全幅拉伸。
  • 透明表头–启用或禁用。
  • 页眉–设置自定义页眉(下一节将详细介绍该功能)。
  • 粘性割台–启用或禁用。

您也可以通过选中一个框来禁用以下元素:

  • 主标题
  • 标题
  • 面包屑
  • 特色图像
  • Footer bar

"The

GeneratePress 与 Astra——对开发者友好

GeneratePress 和 Astra 对开发者都非常友好,它们都有一些有用的工具来帮助你定制你的主题。

总的来说,GeneratePress 可能有一点优势,因为它有统一的定制方法,但两者都非常强大,为您提供了大量的选项。

生成 Press

GeneratePress 对开发者最有用的特性之一是它的元素模块(需要高级版本)。GeneratePress Elements 作为一个一体化的地方,可以使用钩子,添加定制布局元素等等。

一旦你掌握了窍门,把所有东西都放在一个地方是非常有用的。添加新元素时,可以从四种不同的元素类型中进行选择:

  • 街区
  • 页眉
  • 布局

例如,假设您想要将一个钩子添加到 GeneratePress 的许多钩子位置中的一个位置上(这里的视觉引导)。您将创建一个新的钩子元素类型。然后,您可以添加想要执行的代码,并选择挂钩位置:

The GeneratePress Elements creator

The GeneratePress Elements creator

然后,真正巧妙的是,您可以设置显示规则,只对某些内容运行挂钩(不需要使用任何代码)。你甚至可以针对用户角色或者登录状态

您还可以通过许多不同的方式来定位特定内容,包括帖子类型、类别、标签、自定义分类、作者等等:

Using display rules with GeneratePress Elements

Using display rules with GeneratePress Elements

总的来说,GeneratePress Elements 是经过深思熟虑的,对开发人员来说是一个很好的工具。

阿斯特拉

Astra 还为开发者提供了大量工具。

首先,如果你想使用 Astra 的钩子(视觉引导这里),你可以安装官方的 Astra 钩子插件来直接从 WordPress 定制器添加钩子。这种方法的好处是它是免费的。

然而,Astra 的 free hook 实现没有 GeneratePress 提供的那种简单的显示规则特性,所以您需要将那些条件直接添加到代码中:

The free Astra Hooks plugin

The free Astra Hooks plugin

然而,如果你有 Astra Pro,你可以访问定制的布局和页面标题(如果你使用 GeneratePress,它们被打包到元素中)。

对于这些元素,Astra 会像 GeneratePress 一样给出详细的显示规则。您可以使用自定义布局功能添加挂钩,这实际上使您可以访问那些相同的显示规则:

"The

Astra 还有一个专用的白标功能,GeneratePress 目前还没有提供(尽管有一些变通办法)。

GeneratePress vs Astra —电子商务集成

GeneratePress 和 Astra 都为你的商店提供 WooCommerce 兼容性和内置功能。Astra 还提供专用的简易数字下载模块,而 GeneratePress 不提供任何特殊的简易数字下载功能。

不过,总的来说,Astra 有更强的 WooCommerce 集成,有更多 WooCommerce 特有的功能。出于这个原因,Astra 可能是 WooCommerce 商店的更好选择,尽管 GeneratePress 在大多数情况下仍然很好。

例如,Astra 拥有:

  • 下拉购物车
  • 画布外的 WooCommerce 侧边栏
  • 内置产品快速查看
  • 无干扰结账或两步结账(阅读我们在 WooCommerce 结账页面上的指南)
  • 销售产品的醒目标志
  • 许多定制设置来控制您的个人产品和目录

GeneratePress 确实符合其中的一些功能,比如不受干扰的结账。但总的来说,Astra 在 WooCommerce 整合方面绝对领先。

其他值得注意的集成

GeneratePress 除了其 WooCommerce 集成之外,并没有太多值得注意的集成,但 Astra 确实有一些额外的技巧。

除了 WooCommerce 之外,Astra 还有专门的模块用于:

GeneratePress vs Astra —支持和文档

如果您购买高级版本,GeneratePress 和 Astra 都提供高级支持。这两个主题都有详细的知识库,您可以从中获得帮助。

不过,总的来说,GeneratePress 在支持方面略胜一筹,原因我们将在下面讨论。

生成 Press

首先,GeneratePress 为主题的所有特性提供了详细的文档。如果你遇到任何问题,这总是一个很好的起点。

如果您需要一对一的支持,您可以使用公共支持论坛。任何人都可以查看论坛,但您需要拥有有效的许可证才能发布主题。现在,支持论坛有时会有不好的名声,但 GeneratePress 做得很好,对新话题的反应非常快。

你甚至还会发现开发人员 Tom Usborne 有时仍会回复查询(尽管 GeneratePress 已经发展到由专门的客户支持人员处理大多数查询的地步)。

此外,由于支持论坛是公开的,您也可以通过搜索 Google 找到现有支持主题来找到问题的答案。

为了获得社区支持,你还可以加入官方的 GeneratePress 脸书社区,该社区有超过 6700 名成员。

阿斯特拉

像 GeneratePress 一样,Astra 有一个包含数百篇文章的详细知识库。

如果您需要更多帮助,您可以提交支持票。因为 Astra 使用票证支持,所以没有像论坛支持那样的可搜索问题索引。

对于社区支持,Astra 还有一个非常大的官方脸书社区,有超过 16,900 名成员。

GeneratePress or Astra? 🤔 This guide will help you choose between these two popular themes 🚀Click to Tweet

摘要

GeneratePress 和 Astra 的流行有一个很好的原因:它们都是优秀的 WordPress 主题,你不会在其中任何一个上出错。

总的来说,Astra 提供的比 GeneratePress 稍多一些。它有更多的集成,更多的入门网站,更多的定制选项,等等。这是不是意味着更好了?嗯,不一定。如果 GeneratePress 有一个您喜欢的起始站点,那么 Astra 有没有更多的起始站点并不重要,因为您只需要一个模板。

类似地,如果你没有使用 WooCommerce,Astra 有稍微详细一点的 WooCommerce 集成也没关系。

另一方面,GeneratePress 在性能方面略有优势,这是另一个重要的考虑因素。同样,Astra 在性能方面也相当不错——只是 GeneratePress 稍好一些。

在价格方面,高级版本是一样的,所以没有区别。但是,在定价时,有两点需要注意:

  • Astra 的免费版比 GeneratePress 的免费版功能更多。所以如果你打算继续使用这两个主题的免费版本,你可能会更喜欢 Astra。
  • 您需要一个 Astra 的代理捆绑包来访问高级模板。

你还需要考虑你正在建设的网站的类型。例如,GeneratePress 可能是小册子网站或博客的最佳选择,而如果你正在建立一个 WooCommerce 商店或在线课程,Astra 可能更胜一筹。

一句话:两个主题你都不会出错,所以你绝对不需要担心做出一个灾难性的决定。相反,更多的是选择最能强调和支持你所寻找的选项。

关于 GeneratePress vs Astra 你还有什么问题吗?在评论区问我们吧!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

用于 Web 开发的 Git:了解项目的典型工作流

原文:https://kinsta.com/blog/git-for-web-development/

Web 开发本质上与协作相关。大多数情况下,您将与其他开发人员一起工作,即使您不这样做,Git 也可以在许多其他方面帮助您。

Git 是控制我们制作的应用程序版本的软件。它被个人开发者,大公司,甚至世界上最大的开源项目 Linux 所使用。

作为一名 web 开发者,知道如何正确使用 Git 进行 web 开发是极其重要的。我们不只是在谈论“git 添加”、“git 提交”和“git 推送”。你应该知道用 Git 创建一个 web 项目的整个工作流程。

还不信服?开始吧!

为什么要用 Git?

这些只是开始使用 Git 的一些原因:

  • 组织:与在像 v1、v2、v3 等文件夹中管理您的项目不同,您有一个带有特殊数据库的项目,该数据库存储所有版本的文件
  • 协作: Git 让你和其他人同时在同一个项目上工作,而不会产生冲突。
  • 开源: Git 是开源的,但它也是我们用来协作和创建优秀开源软件的工具。任何人都可以在像 GitHubBitbucket 这样的平台上对开源项目提出请求。
  • 平台灵活性:如今,你有很多不同的 Git 托管服务可供选择,比如 Gitlab ,GitHub,Bitbucket,SourceForge。您甚至可以为所有项目使用自托管解决方案。
  • 轻松备份:轻松撤销错误,永远不会丢失项目代码库。

It's time to learn more than just 'git add', 'git commit' and 'git push' 👩‍💻 Dive into everything you need to know about a typical Git workflow in this guide 👇Click to Tweet

我们现在已经提到过一两次 GitHub 这个术语了,那么 Git 和 GitHub 有什么区别呢?

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

如果您完全不熟悉 Git,这可能会让您感到困惑。简单来说, Git 和 GitHub 是相关但不同的工具

Git 是版本控制系统(VCS ),我们用它来控制我们文件的变更,而 GitHub 是一个服务,我们用它来在线存储我们的项目文件和它们的 Git 历史(位于)。git/ 文件夹)。

Git 是本地安装在你的机器上的,如果没有 GitHub 或 GitLab 这样的托管服务,很难与其他开发者合作。

GitHub 通过添加其他改进协作的特性,如克隆、分叉和合并,来增强 Git。这两个工具结合在一起,为您带来一个相对友好的生态系统来开发、管理和向其他人展示您的项目。

Web 开发工作流的基本 Git

在接下来的小节中,您将通过实践了解更多关于 web 开发的 Git 工作流。

安装要求

如果您还没有安装 Git,这是一个绝佳的时机。它易于安装,在大多数操作系统上都可用。

官方下载页面下载它,或者如果你使用 Linux 或 macOS,用软件包管理器安装它:

Git downloads page, showing options for macOS, Windows, and Linux/Unix.

Git downloads page.

为了测试安装是否一切顺利,在 Linux 或 macOS 上启动一个终端,在应用程序菜单中搜索“终端”,或者在 Windows 上打开 Git bash(默认情况下随 Git 一起安装)。

然后键入:

git --version

Git version 2.33 displayed in Linux terminal.

Git version.

如果您得到一个 Git 版本的响应,那就可以了。

我们还需要一个 GitHub 帐户,所以请确保注册或登录 GitHub:

GitHub signup page with the words "Create your account" at the top.

GitHub signup page.

一旦安装了 Git 并登录了 GitHub 帐户,就可以进入下一部分了。

协作项目的基本 Git 工作流

如前所述,大多数时候你不会独自开发项目。协作是一项关键技能,Git 和 GitHub 帮助我们使它成为一个简单而有效的过程。

Git 项目的典型工作流如下所示:

  1. 通过克隆存储库或 repo 获得项目的本地副本。如果你是合作者,你应该先进行回购。
  2. 使用您将处理的要素的代表性名称创建一个分支。
  3. 编辑项目。
  4. 将更改提交到您的本地计算机。
  5. 将更改推送到远程存储库。
  6. 创建对原始回购的提取请求。
  7. 在原回购主分支中合并解决冲突。

辅导的

现在是我们动手的时候了!

在本指南中,您将创建一个简单的 HTML 网站。出于实用目的,您将把基础项目从 HTML 站点存储库分支到您的 GitHub 帐户。这可以对所有公共可用的存储库进行。

信息

fork 是一个单独的存储库副本,您可以在不影响原始项目的情况下管理和修改它。另一方面,克隆一个回购协议只是创建了文件的一个本地拷贝。

要分叉 HTML 站点,请转到这个 GitHub 库并点击位于页面右上角的分叉按钮:

GitHub page focused on the "Fork" button.

GitHub fork.

现在你有了一个原始回购的分支,只在你的 GitHub 帐户上可用。这是完全相同的回购——直到你开始提交更改。

如您所见,派生公共回购只需几秒钟。这对于开源项目来说非常好,但是请记住,如果您的组织有一个私人回购,那么在尝试使用它之前,您需要作为贡献者被包括在内。

是时候把你的叉子带到你的本地机器上了。为此,您需要使用命令git clone克隆它,该命令从远程服务器检索 Git 存储库:

git clone remote_url

您需要用 fork 的 URL 替换remote_url。要获得 GitHub 回购协议的确切网址,请访问其页面并点击代码。然后选择 SSH ,复制它给你的链接:

SSH repo URL under the "Code" button on GitHub.

SSH URL.

克隆分叉回购的命令是:

git clone [[email protected]](/cdn-cgi/l/email-protection):yourusername/HTML-site.git

当您克隆一个存储库时,您会得到一个以其名称命名的文件夹。该文件夹中是项目的源代码(在本例中是 HTML 站点)和 Git repo,后者位于名为的文件夹中。git

您可以在图形文件管理器中打开新文件夹,或者使用lsdir 命令从终端直接列出新目录中的文件列表:

# Linux/macOS
ls HTML-site/
# Windows
dir HTML-site\
.git images .gitignore index.html LICENSE README.md styles.css

这个 HTML 站点非常简单。它使用 Bootstrap 作为实用工具,并从 Unsplash 下载一些图片,在那里你可以为你的网站下载免费图片。

如果你在浏览器中打开index.html文件,你会看到一个简单的页面,上面有一些图片:

The simple web page we're creating, which shows images of tech devices, including several laptops and an old camera.

The simple web page we’re creating.

该是研究这个项目的时候了。感觉很空,也许带有网站名称的标题可以增强用户体验。

为此,进入 HTML-site 目录并创建一个名为header的分支。在这个新的分支中,我们可以编辑所有的文件并实现尽可能多的代码,因为它不会影响主(原始)分支。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

运行以下命令:

git checkout -b header 

这将创建一个名为“header”的分支,并在这之后立即切换到它。这相当于:

git branch header
git checkout header 

要确认一切正常,运行:

git status
# On branch header
# nothing to commit, working tree clean 

你会看到你已经从“主”分支转移到“头”分支,但是工作树仍然是干净的,因为我们没有编辑任何文件。

在您最喜欢的代码编辑器中,打开您的分支项目中的【index.html】文件。这个文件包括一些到 Bootstrap 5 的链接,所以我们可以利用框架的现成组件。

将以下代码添加到index.html**文件中的<body>标签内和图像容器上方:

<header>
  <nav class="navbar navbar-light bg-light">
    <div class="container-fluid">
      <span class="navbar-brand mb-0 h1">HTML site</span>
    </div>
  </nav>
</header>

Our web page with a new "HTML site" black header above the images.

Our web page with a new header.

好看多了!随意做你想做的其他分支和改变。

完成项目编辑后,就该将所有更改提交到本地存储库中了。在项目目录中,在终端中键入以下内容:

git add --all
git commit -m "Added simple header in index.html file"

重要的

所有的 Git 提交消息都必须清晰且有意义。每当您添加一个提交时,您和您的团队成员应该能够识别在那个提交中发生了什么,这样,如果一个 bug 发生了,您就可以很容易地修复它。

当您第一次开始一个项目时,通常会有描述性的提交消息,但是随着时间的推移和焦点的转移,消息的质量往往会下降。确保保持良好的命名习惯。

现在您已经对您的本地 repo 做出了承诺(它仍然只在您的计算机上可用),是时候将它推送到远程存储库了。

如果您试图像往常一样提交,那是不会成功的,因为您目前正在处理header分支。您需要为header设置上游分支:

git push --set-upstream origin header

从 2021 年 8 月 13 日开始,GitHub 要求使用 SSH 认证,所以请确保您的密钥设置正确。

厌倦了低于 1 级的 WordPress 托管支持而没有答案?试试我们世界一流的支持团队!查看我们的计划

在这之后,您应该能够在分叉的存储库中看到一个名为header的新分支(例如https://github.com/yourusername/HTML-site/branches):

The

The “header” branch.

要创建原始回购的拉取请求,请点击活动分支部分下方的比较

这将引导您进入一个 pull 请求,在这里您需要选择想要合并的分支(原始分支或 fork 分支)。默认情况下,它会显示与基本存储库合并的选项:

Creating pull request on GitHub with the title "Comparing changes."

Creating pull requests on GitHub.

一旦您点击了 pull request 选项,您将需要写一个简短的变更描述,就像您之前的提交一样。再次强调,尽量做到简洁而有描述性:

The "Open a pull request" page on GitHub showing a pull message explaining the what, why, and other details of the pull request.

Writing a pull request message.

单击 Create pull request 按钮,等待基本存储库所有者接受您的更改或给您反馈。

祝贺您——您已经完成了 web 开发通用 Git 工作流的所有步骤!

这是一个非常基本的例子,但是这个逻辑适用于所有规模的项目。确保在更大的协作项目中也紧密地实施这个工作流程。

如何在 Kinsta 使用 Git

如果你是一个 Kinsta 用户,你已经有两种方式在你的 MyKinsta 门户中使用 Git 和 GitHub。

让我们从第一个选项开始。您可以在中轻松地 SSH,并从 GitHub、Gitlab 或 Bitbucket 等任何 Git 托管服务中提取回购。

为此,请转到您的站点选项卡,选择一个站点,然后转到您的 SSH 详细信息部分,并复制 SSH 终端命令。

MyKinsta site info page showing the SSH details and commands section.

SSH details section.

通过 SSH 登录到您的站点,将上面的命令粘贴到您的终端,并进入您站点的公共文件夹(位于 /www/yoursitename/ 下)。这里是你所有 WordPress 文件的位置,所以你可以用你一直在做的自定义主题或插件来下载一个 Git repo。

下面是如何用一个简单的命令下载 Git repo:

ssh [[email protected]](/cdn-cgi/l/email-protection) -p PORT "cd /www/my_site/public && git pull https://github.com/user/repo.git" 

重要的

SSH 应该由高级用户使用。如果您对此不精通,请不要犹豫,先联系 Kinsta 支持

现在,在 Kinsta 引入新的 GitHub 部署特性,你可以从 GitHub 库部署一个完整的 WordPress 站点。

你的 GitHub repo 应该包括一份 WordPress 核心文件的拷贝,当然,还有你的网站在 wp-content 文件夹中的内容。

让我们快速看一下这个选项。

去你公司的一个站点创建一个临时环境。这不会超过几分钟。

Kinsta’s site page staging environment option.

Staging environment.

一旦你进入你的准备站点,进入部署选项卡,点击开始设置按钮。你将会看到一个 GitHub 模型,它将让 Kinsta 与你的 GitHub 帐户连接。

GitHub deployment with an arrow pointing to the “Begin setup” button.

GitHub deployment tab.

现在,选择你要退出网站的回购协议。

Connect Kinsta to GitHub modal with several options including a “Finish” button.

Connect Kinsta to GitHub.

最后,部署您的站点,并通过您的临时站点 URL 访问它。

Deploy now button.

Deploy now button.

这项功能仍处于测试阶段,但很快每个 Kinsta 用户都可以使用它。

如果你知道如何很好地使用 Git 和 Kinsta,它们会是一个强大的组合。虽然我们的教程只是给出了一个简单的例子,但是您可以从我们的 Git 知识库文章中学到更多。

Step up your Git knowledge with this guide to a typical project workflow ✅Click to Tweet

摘要

如今,Git 是 web 开发的一个必须学习的工具,因为大部分时间你将与其他人合作来创建最好的项目。

在本文中,我们讨论了在项目中使用 Git 的一些重要原因,并向您展示了在 Git repo 中协作的基本工作流程。

Git 是一个如此强大的工具,你甚至可以将它的使用扩展到 WordPress hosting ,所以学习和实现它作为你的 web 开发技能库的一部分只会让你受益。

对于改进这个用于 web 开发的基本 Git 工作流,您还有其他建议吗?请在评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。**

GitLab 与 GitHub:探索它们的主要区别和相似之处

原文:https://kinsta.com/blog/gitlab-vs-github/

说到 GitLab vs GitHub,2022 年你的团队最好的开发平台是什么?哪种解决方案最适合您的使用情形?

这些是我们在今天的帖子中要回答的关键问题。

GitLab 和 GitHub 都是专注于分布式版本控制的开源 Git 系统的开发平台。多达 87.2%的被调查开发人员依赖 Git 进行版本控制、协作和更顺畅的部署。

Git 已经成为初创公司、企业甚至政府职位的开发人员的基础工具。也可以在 Kinsta 使用 Git。

这就是为什么为您的团队选择正确的工具如此重要。

让我们深入探讨一下 GitLab 和 GitHub 的区别,各自的优缺点,你应该选择哪个。

Git 和基于云的 Git 库的基础知识

如果你是一个完全的初学者,不熟悉 Git,在选择正确的选项之前,你应该学习一些基础知识。但是如果您是一个有经验的 Git 用户,可以跳过这一部分。

Git 是一个开源的版本控制系统(VCS) ,可以让你保存软件项目的“快照”。它会记录你对任何程序所做的所有更改。

它与传统版本控制的不同之处在于,您可以在软件的不同分支版本上工作,并同时管理它们。

然后,当您最终确定一个更好的变体时,您可以通过将它们与一个临时分支和活动版本合并来测试它们。

Git branches, illustration.

Git 树枝(来源 )

只有使用 Git,您才能有同时处理不同版本的自由。对于任何想要进行基于特性的开发的团队来说,这都是必备的。

使用 Git,所有这些都在本地计算机上进行。但是您也可以手动请求和授予其他开发人员访问权限——例如,通过局域网。

Git shared repository, illustration.

Git 共享库(来源 )

大多数公司在与大型远程或分布式团队合作时,都会转向基于云的解决方案。进入 GitLab 和 GitHub。

他们为存储库提供无限制的基于云的存储。来自世界各地的开发人员可以轻松地协作编写代码。他们无需设置虚拟局域网或手动共享存储库就可以做到这一点。

但是像 GitHub 和 GitLab 这样的基于云的 Git 库超越了基本的 Git 功能。它们还包括项目管理、协作和部署工具,以帮助改进开发工作流程。

我们的 Git vs GitHub 帖子更详细地解释了这些方面。或者你可以看下面的视频:

现在,让我们看看 GitLab 和 GitHub 是如何相互竞争的。

💥GitLab vs. GitHub💥哪个适合你和你的团队?👩‍💻 点击推文

GitLab vs GitHub:基础知识

让我们从基础开始,快速探索每个平台和每个公司带来的东西。

GitLab 是什么?

GitLab homepage screenshot.

GitLab 主页

GitLab 是一个基于云的 Git 和 DevOps 平台,帮助开发人员监控、测试和部署他们的代码。

一个云 Git 仓库曾经是 GitLab 的主要卖点。但是这个平台已经超越了它简单的起源。今天,GitLab 提供了许多 DevOps 特性,比如持续集成、安全性,甚至应用部署工具。

GitLab 最初是作为 GitHub 的一个自托管开源替代方案。它现在还提供基于云的免费和付费 SaaS 计划。

它也给你必要的项目管理工具来监控你的团队成员。它不仅仅是软件源代码的版本控制系统。

什么是 GitHub?

GitHub homepage, screenshot.

GitHub 主页

GitHub 是最初的基于云的 Git 平台之一,允许开发者托管和监控他们的代码变更。它也已经发展成为一个成熟的开发平台。

但它不像 GitLab 那样是一个“现成的”包,而是选择给开发者通过 GitHub 市场免费实现应用和集成的选项。

重点是利用活跃的 GitHub 社区,让他们贡献他们所缺少的功能。

GitLab 和 GitHub 是同一家公司吗?

不,这两种在线服务是由完全不同的公司提供的。GitLab Inc .是一家完全远程的私有公司,拥有 1,303 名员工。

GitHub 是微软的子公司,总部位于旧金山,在全球拥有 1600 多名员工。

尽管这是一个常见的问题,也是一个误解,但这两家公司除了是竞争对手之外,完全没有关系。这就好比认为可口可乐和百事可乐是同一家公司。

微软也拥有 GitLab 吗?

不,微软没有 git lab——只有 GitHub。

GitLab 是一家私人公司,由几家风险投资者和风险投资基金持有少数股权。特别是,高盛和 Iconiq Capital 是 GitLab 的重要投资者。

GitLab 过去将其服务托管在微软 Azure T1 上,但在 T4 微软收购 GitHub T5 后转移到了 T2 谷歌云平台 T3 上。

GitLab 与 GitHub:相似之处

好的,现在我们知道尽管提供——乍一看——非常相似的服务,这些公司是 100%不相关的。

接下来,让我们看看名字和主页的表层之外的一些更具体的相似之处。我们将从深入研究这些特性开始。

GitLab vs GitHub:功能分解

就整体的高级功能而言,这两种服务之间几乎没有什么区别。GitLab 提供的大部分东西,GitHub 菜单上也有,反之亦然。

| 功能 | GitLab | GitHub |
| 饭桶 | -好的 | -好的 |
| 自托管版本 | -好的 | (带有企业计划) |
| 持续集成和交付 | -好的 | (使用第三方应用程序) |
| 基于 Wiki 的文档 | -好的 | -好的 |
| 预览代码更改 | -好的 | -好的 |
| 问题跟踪器 | -好的 | -好的 |
| 代码审查 | -好的 | -好的 |
| 多重问题受托人 | (付费计划) | (免费计划中唯一的公共存储库) |
| 项目管理委员会 | -好的 | -好的 |
| 团队讨论 | -好的 | -好的 |
| 时间跟踪 | -好的 | (带应用程序) |
| 安全性和合规性工具 | -好的 | -好的 |
| 负载性能测试 | (付费计划) | (带应用程序) |
| 浏览器性能测试 | (付费计划) | (带应用程序) |
| 迭代和冲刺计划(包括燃尽图) | (付费计划) | (带应用程序) |
| 问题相关性 | (付费计划) | -好的 |

不存在一个提供商提供支持而另一个提供商不提供支持的重要领域。区别在于如何访问这些功能。

很多情况下你需要使用一个 app 或者第三方集成 GitHub。您可以获得相同的结果—特性—但是您需要通过一些额外的障碍才能实现。稍后我们将更详细地介绍这种差异,因为我们会指出服务的不同之处。

让我们超越特性列表,看看这两者是如何与 Git 相匹配的。

版本控制和 Git 功能

Git 功能和基本命令在两个平台之间基本保持不变:

  • 分支:用分支命令创建一条独立的开发线。它可以代表一个次要的特性,一个开发版本,或者一个主要的分支。
  • Fork 是代码库的个人副本,任何开发人员都可以使用和试验,即使他们不是贡献者。然后,您可以发送请求,将这个分支中的更改与另一个分支进行合并。
  • Pull:Pull 请求(或者 GitLab 中的 merge 请求)是向编辑过的分支提交建议的代码变更。一旦被接受,它会自动将代码变更集成到相关的分支中。一个高级开发人员或 QA 团队将在将任何变更整合到主分支之前对其进行测试。
  • Merge : GitLab 对 pull 请求的称呼。

除了将 pull 请求重命名为 merge——这可能更直观——基本的 Git 功能没有什么不同。

但是当涉及到使用这些特性的推荐工作流时,它们是非常不同的。GitLab 和 GitHub 对理想的编码工作流程有不同的看法,我们将在下一节中讨论这些差异。

版本控制系统和 Git 是这些工具必须提供的核心,但是这些天来它们仅仅成为了一个完整服务的基础。

这两个平台都提供了广泛的协作、代码审查和项目管理工具。

协作、代码和项目管理

两个平台都包括内置的协作和代码审查工具。这是两个免费版本中包含的基本套件的一部分。

例如,您可以实时查看和讨论拉(或合并)请求,进行更改,并获得代码差异的完整的可视化概述。

GitHub code review tools.

GitHub 代码审查工具

这些工具突出显示了所有的变更,并使审查代码的人变得容易。它可以帮助你及早发现错误,减少致命错误或安全漏洞的机会。

虽然上面的截图突出了 GitHub,但 GitLab 提供了同样强大的代码协作和审查工具。

这两个平台还包括基本的项目管理工具。

例如,在 GitLab 中,您可以创建问题之间的逻辑层次结构,添加任务列表和描述,并将不同的开发人员分配到不同的分支。

GitLab project management tools, screenshot.

GitLab 项目管理工具

它还让您的经理能够访问进度图表,如燃尽图和其他可视化工具。

在 GitHub 中,您还可以将问题、请求和注释归类到特定的项目中。除此之外,您还可以设置和跟踪里程碑,并使用各种图表和报告来衡量生产力。

GitHub marketplace 上还提供了 500 多个项目管理应用和集成。

github pages vs GitLab pages-github pages-git hub 页面 vs gitlab 页面

GitHub 和 GitLab 都提供免费的静态网页,上面有关于你的软件项目和库的信息。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

任一平台上的开发人员都可以轻松地派生出项目,开始进行更改和试验。

GitHub Pages, screenshot.

【github pages】

GitHub 提供了一个基本的设置教程,包括一些基本的主题来帮助你创建你的站点。

GitHub 和 GitLab 都没有提供动态的服务器端处理,这是 PHP 或 ASP 文件所需要的。只能发布 HTML、CSS 之类的静态网站内容。

虽然这意味着你不能将你的 WordPress 站点直接转移到 GitHub 或 GitLab,但是如果你有正确的设置,你仍然可以在 WordPress 中拥有版本控制。有了 Kinsta,您可以使用 SSH 直接从 Git 存储库中提取。

无限存储库的免费计划

这两种服务都提供免费的计划和无限的存储库(公共的和私有的)。他们还在其免费选项中限制对高级管理、安全性和合规性功能的访问。

后面这些特性在任何企业优先列表中都很重要,但是小团队和自由职业者不会错过它们。

综合考虑,这两个选项非常相似。当然,这可能对你选择哪一个没有太大帮助。

所以让我们再深入一点,探索这些 Git 平台之间的一些差异。

GitLab 与 GitHub:主要区别

正如你可能从他们的名字中猜到的,GitLab 和 GitHub 有更多的共同点。

但这并不意味着他们没有差异。本节将介绍这两个平台之间的主要差异。

连续累计

用户体验最显著的不同是 GitLab 对 CI(持续集成)和 DevOps 工作流的专注。

GitLab CI 工具让您能够自动构建、暂存和部署代码,而无需依赖手动更新或笨重的定制集成。

GitLab for CI.

GitLab for CI

如果您已经使用了托管的 Kubernetes 等 PaaS 解决方案,GitLab 集成将允许您自动部署、准备、测试和扩展您的应用。

只在 GitLab 中工作,您的开发团队可以专注于每天多次实时推送小更新,而不是将它们批量发布到大版本中。

实现这一点的关键之一是自动化测试工具,它可以自动扫描代码以发现潜在的安全风险。

虽然您可以使用 GitHub 设置 CI/CD 工作流,但您需要使用第三方 CI 工具,如 TravisCI 或 CircleCI。你没有与 GitHub 库直接交互的 CI 特性平台。

GitHub 流与 GitLab 流

虽然底层的 Git 技术和特性实际上是相同的,但是推荐的工作流并不相同。差远了。

GitHub 强调速度,GitLab 强调可靠性。这就是两个云存储平台之间的区别。

GitHub flow vs GitLab flow, comparison illustration.

GitHub 流量 vs GitLab 流量(来源 )

GitHub 提倡一种快速的、聚焦于特性的开发方法来合并(包括)新的分支与主分支。这个工作流程非常适合小型敏捷团队和项目。

与宕机和 WordPress 问题做斗争?Kinsta 是为节省您的时间而设计的托管解决方案查看我们的功能

主分支随时准备部署,确保在出现问题时您可以快速恢复现状。几秒钟就可以回滚到之前的版本。

在 GitLab 工作流程中,你在主流程之外创建多个稳定的分支,通常至少是生产和预生产。这意味着一个多步骤的测试过程,其中对合并请求的单次代码审查是不够的。

它会减缓较小团队的开发过程,直到一个新的特性在产品中投入使用。但是如果你有一个专门的 QA 团队,这是一种让你在新特性上自由地随机和团队合作的方式,而不用担心测试每一分钟的代码变化。

一些人认为这使得 GitLab 成为更注重安全性的 Git 平台,但 GitHub 也支持相同的工作流。只是官方不推荐而已。

完整平台与市场

GitLab 采取了一种完整的打包平台的方法,而不是让每个人都可以选择用不同的应用程序来构建自己的平台。

这并不意味着它完全没有集成。GitLab 支持与 Asana、吉拉、微软团队、Slack 、Gmail 以及 30 多个其他应用和平台的集成。

但是,虽然你有选择,但它们比你使用 GitHub 要有限得多。GitHub 目前在其市场上有 374 个免费应用,还有许多付费选项。

GitHub marketplace.

GitHub 市场

但是你必须记住,通过这些第三方集成,GitHub 提供了 GitLab 的一些开箱即用的功能。

例如,GitLab 默认提供持续集成、时间跟踪和备份。然而,使用 GitHub,你需要一个应用程序来实现这个功能,比如免费的 CI 应用程序 Jenkins。

GitHub Actions 自动化使 CI/CD 在没有第三方工具的情况下成为可能,但你不会有同样的监督级别。

注意:即使 GitHub app 免费,第三方服务还是要花钱的。

私有服务器的自托管安装

GitLab 一开始是一个自托管的开源平台。也就是说,您仍然可以选择在虚拟机上托管 GitLab 的私有版本。

你可以通过免费的 GitLab 计划来实现,而 GitHub 只提供 GitHub 企业计划。

开放源码

GitLab 为使用开源软件的组织或小型团队提供免费的企业计划功能和高达 50,000 CI 分钟。

GitLab for Open Source

GitLab for 开源

GitLab 本身是开源软件,自托管版本,任何人都可以免费使用。

这并不是说 GitHub 不是开源代码的好选择,因为它确实为大多数开发者提供了即时访问。GitHub 还鼓励他们每周五为开源做出贡献,定期扩大可用公共资源的数量。

GitHub 的开发团队也为开源项目做出贡献——特别是 Git LFS 和其他与 Git 相关的项目。

付费计划和定价:GitHub Enterprise vs git lab Ultimate

虽然两个免费计划都提供无限量的公共和私人存储库,但付费计划的价格标签有明显的差异。

GitLab 的收费计划起价为每个用户/月 $19 。它让经理能够访问项目管理和代码完整性控制。

GitLab pricing, table.

GitLab 定价

T4】

同样,GitHub 的付费计划也关注高级协作工具(针对私有存储库),以及安全性和合规性特性。

但是这两个平台在定价上有明显的不同。

GitHub 团队计划起价为每个用户/月 $4

GitHub pricing, table.

GitHub 定价

GitLab Ultimate 会让你花费 99 美元/月,而 GitHub Enterprise 则是 21 美元/月。

GitLab 将其免费计划定位为 GitHub 团队计划的竞争对手,将其高级计划定位为企业计划的对手。

但在安全和合规工具方面,你需要最昂贵的 GitLab 计划来镜像 GitHub 的功能。

GitLab vs GitHub:哪个是最好的选择?

不幸的是,像生活中的大多数事情一样,这里没有明确的“每个人的最佳选择”。这取决于您的团队、更大的组织、目标和独特的用例。

在开箱即用的功能和自托管方面,GitLab 脱颖而出。但是 GitHub 作为市场领导者处于一个独特的位置。它有更多的集成和应用程序。

  • 对于自托管私有存储库,GitLab 是更好的选择。您无需支付任何月订阅费即可开始使用。
  • 这两个选项对于开源项目来说都很棒,GitLab 提供免费的高级功能,GitHub 提供对大量活跃的开源开发者的访问。
  • 对于商业项目,GitHub 提供了一个非常便宜的企业计划。
  • 如果你正在寻找进入 DevOps 的机会,GitLab 是一个更周到也可能更便宜的选择。(可以免费上手,不依赖其他付费服务。)

这也取决于你的团队已经使用和掌握了什么工具。如果 GitLab 没有提供与您经常使用的工具的集成,但 GitHub 提供了,这将使它成为您显而易见的选择。

由于 GitHub 提供的集成比 GitLab 多 300 多个,这不是一个牵强的场景。

为什么 GitHub 比 GitLab 更受欢迎?

GitHub 比 GitLab 更受欢迎的一个主要原因是 GitHub 领先了一步。它于 2008 年推出,而 GitLab 作为开源项目始于 2011 年。

但是,凭借内置的持续集成功能,以及私有的自托管服务器的免费选项,GitLab 开始迎头赶上。根据一项调查,GitLab 从 2018-19 年获得了 4.6%的市场份额,而 GitHub 下降了 0.4%。

但即便如此,在最新的 Stack Overflow 开发者调查中,82.8%的受访者表示使用 GitHub,只有 37%的人表示使用 GitLab。

Code collaboration tools

代码协作工具用法(来源 )

虽然 GitHub 仍然是新开发人员的默认选择,但随着 GitLab 发展成为具有独特功能和优势的专业平台,这种情况正在慢慢改变。

87.2%的开发者依赖 Git 进行版本控制、协作和更流畅的部署。👩‍💻确保您的团队在本指南的帮助下使用正确的工具✅ 点击推文

摘要

作为 2022 年的开发者,你不能忽视 Git 这样的工具或 GitHub 和 GitLab 这样的主要云存储库提供商。

绝大多数开发人员、团队和公司使用这些工具来确保每一段代码在投入使用之前都经过仔细的审查,并且没有人的贡献会消失。

虽然从表面上看,这两种工具之间的区别似乎很小,但主要区别是:GitLab 提供了一个全面的 DevOps 平台。相比之下,GitHub 通过其应用程序市场提供深度可扩展性。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

金斯塔在感恩节回馈无家可归者

原文:https://kinsta.com/blog/giving-back-2019/

在金斯塔,我们尽力回馈社区。仅今年一年,我们就在全球赞助了 28 个世界夏令营:赫尔辛基、波尔多、都灵、鹿特丹、巴黎、巴里、马那瓜、阿什维尔、柏林( WCEU )、渥太华、蒙特利尔、新加坡、圣何塞、苏黎士、奈梅亨、蓬特韦德拉、香港、巴拿马、达拉斯、东京、圣路易斯( WCUS )、斯图加特、悉尼、米兰、乌代普尔、马赛、大阪和艾哈迈达巴德。

但有时我们也会回馈非 WordPress 社区。尤其是在假期前后,有许多人需要额外的帮助。哪怕只是很小的事情。

今年,我们决定通过向撒马利亚人酒店捐赠食物和物资来帮助德克萨斯州达拉斯地区的无家可归者。他们有积极的计划,试图让人们重新站起来。

The Samaritan Inn

The Samaritan Inn

我们选择这个项目的原因是我们热爱他们的使命和他们为社区所做的工作。正如他们在网站上所说:

撒玛利亚客栈不仅仅是一个过夜的地方。这是一个综合项目,教授自给自足和生活技能,以满足无家可归的个人和家庭的需求。我们帮助有意愿的人获得尊严和独立。在一个特定的夜晚,大约有 160 人睡在客栈,其中三分之一是儿童。

实际上,我们在德克萨斯州有一些 Kinsta 团队成员,所以这不仅仅是我们随机选择的一个组织。上周末,我们的首席客户办公室,汤姆·塞普去了好市多。

Costco

Costco

汤姆在购物车里装满了以下物品:

  • 204 盎司咖啡
  • 20 打鸡蛋
  • 8 加仑牛奶
  • 40 磅面粉
  • 40 磅糖
  • 320 个泡沫塑料杯
  • 180 液体盎司洗碗液
  • 520 止咳糖
  • 20 液体盎司咳嗽药
  • 1060 片抗酸剂

Costco cart

Costco cart

想做类似的事情?这里有一些提示:

  1. 看看庇护所的需求清单或者给他们打个电话,了解他们的需求。我们做到了,而且效果很好。
  2. 如果你的团队中有人有好市多或山姆的卡,无论你的预算是多少(我们花了几百),它都会让你得到比一般杂货店多得多的食物。
  3. 如果你要提前购买,一定要检查保质期,以确保食物至少能保存到感恩节之后的几天。
  4. 你很可能会想把注意力集中在不需要冷藏的物品上,除非他们特别列出了这些物品。像火鸡这样的东西通常是由专业的大型供应商在当天送达的。许多避难所缺乏额外的冷藏空间。

As our company culture, we try to give back to the community as much as we can. This year we donated to @SamaritanInnOrg to help the homeless. 🙏🤝Click to Tweet

你或你的公司会在假期回馈社会吗?我们很想听听!

如果你想了解更多关于撒马利亚人酒店的事情,一定要查看他们的网站:saminn.org。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

22 个 Gmail 插件和扩展,提高您的电子邮件工作效率

原文:# t0]https://kinta . com/blog/Gmail-add-ons/

美国工人平均每周花 28%的时间阅读、回复和发送电子邮件。如果你和普通员工一样,你每周会花超过 10 个小时查看你的电子邮件收件箱。并不是所有的这些时间都是直接有效的,因为很大一部分时间可能都花在了试图弄清楚哪些任务应该优先处理上。

由于 Gmail 是一个强大的工具,有很多方法可以提高你的电子邮件效率并减少时间。

在本帖中,我们将仔细看看能帮助你实现这一目标的最好的 Gmail 插件和 Gmail 扩展。

准备好了吗?我们开始吧!

Google Workspace market place vs Chrome 网络商店

在深入实际列表之前,我们先解释一下术语。

有两个地方可以扩展 Gmail 的功能:Google Workspace Marketplace 和 Chrome 网络商店。

谷歌工作区市场提供直接与后端谷歌工作区应用集成的附加组件。它们与服务器端的应用程序整合在一起,比如 Docs(你甚至可以将其导入 WordPress )、Sheets 或 Gmail。您可以在这里找到 Gmail 插件。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

另一方面,Chrome 网络商店提供了扩展谷歌 Chrome 网络浏览器功能的扩展。从广告拦截器,待办事项列表,到 Gmail 相关工具和应用。在这里,你会发现,除其他外,Gmail 扩展。

什么是 Gmail 扩展?

Gmail 扩展是 Google Chrome 的一个扩展,它会直接影响您的 Gmail 仪表板/帐户的布局/功能。正如你刚刚看到的,你可以在 Chrome 网上商店中找到许多可用的扩展。

gmail extensions 2

Gmail search in Chrome Web Store

其他的只能通过开发该应用的公司的网站获得。

如何添加 Gmail 扩展?

添加 Gmail 扩展就像在网络商店中找到你想要的扩展并点击“添加到 Chrome”按钮一样简单。

gmail extensions add to chrome 3

Add to Chrome button

然后在出现提示时单击“添加扩展”按钮进行确认。

gmail extensions add to chrome 2 2

Extension install confirmation prompt

您现在已经成功地将 Gmail 扩展添加到您的 Chrome 浏览器中。你应该可以看到它出现在你的工具栏的右上角。

如何删除 Gmail 扩展?

您可以在管理所有扩展的同一界面中管理所有与 Gmail 相关的 Chrome 扩展:在扩展仪表板中。

在地址栏中输入“chrome://extensions/”并按回车键或打开菜单,悬停“更多工具”并选择“扩展”。

remove chrome extensions 1

Google Chrome extension options

从这里,你所要做的就是点击“删除”,你可以删除任何你不再需要的扩展。

Gmail 扩展安全吗?

由于谷歌没有发布所有的 Chrome 扩展,他们没有声称对任何安全问题负责或拥有所有权。因为它们是第三方应用程序,所以可能存在的任何风险都由您承担。

这并不意味着所有的扩展都是不安全的,但这意味着您在安装一个扩展时应该谨慎一些。在 2018 年的后门丑闻之后,谷歌决定升级游戏,对其扩展开发者提出了更严格的要求。

例如,扩展不再要求访问不相关的个人数据。通常你不想成为第一个尝试新扩展的人。寻找具有积极真实的人类反馈的已建立的扩展。寻找合法公司或公开存在的开发者发布的扩展。

如果有人不愿意要求扩展的所有权,他们可能会担心未来的影响。

什么是 Gmail 插件?

Gmail 附加组件与扩展类似,都是为了扩展 Gmail 的功能而创建的。扩展和附加组件的区别在于,附加组件安装在你的 Google Workspace 应用中,而不是浏览器中。

记住:附加组件可以在 Google Workspace Marketplace 中找到。

Gmail add-ons page in Google Workspace Marketplace

如何添加 Gmail 插件?

要添加 Gmail 插件,请转到 Google Workspace Marketplace 并单击您要安装的插件。它会把你带到那个特定应用的页面。

add gmail addon 5

Click the install button to add Add-on to Gmail

从这里,你需要做的就是点击安装。然后确认它,并验证您的谷歌帐户凭证。

add gmail addon 2 2

Gmail add-on Installation confirmation prompt

最后,单击“允许”按钮。

add gmail addon 4 2

Granting permission to your Gmail add-on

简单吧?只需几次点击和一次登录,您就可以在收件箱中添加额外的功能。

如何删除 Gmail 插件?

您可以从 Google Workspace Marketplace 的“管理应用程序”部分管理您所有的 Google Workspace 插件,也就是您的 Gmail 插件。

要删除一个,悬停菜单按钮,然后选择“卸载”

remove gmail addon 2

Google Workspace Marketplace “Manage Apps” section

这次是轻轻一点。至少可以说这不是一个非常复杂的过程。

现在我们已经了解了 Gmail 插件和扩展的所有细节,让我们来看看我们认为最强大的插件和扩展吧!

22 个最佳 Gmail 插件和扩展,提高您的工作效率

我们在 Kinsta 的团队已经聚在一起,并比较了笔记,我们已经得到了 20 多个我们喜欢的 Google 插件和扩展。

1.格梅利斯

Gmail extensions: gmelius

Gmelius

Gmelius 是 Gmail 的扩展,相当于一把瑞士军刀。它可以做任何其他扩展可以做的事情,至少也是一样。一些人可能会担心,要将它作为成熟的项目管理和协作工具,你需要付费订阅。A plus 订阅费用为每月 9 美元,但您可以尝试免费试用。

主要特征

  • 电子邮件模板。
  • 电子邮件跟踪。
  • 电子邮件自动化和流程。
  • 共享收件箱。

对...有用

2.Gmail 的右侧收件箱

right inbox for gmail 1

Right Inbox for Gmail

【Gmail 右侧收件箱允许您在收件箱中设置提醒和任务。您还可以安排稍后发送电子邮件,甚至创建自动跟进。它还允许你创建、保存和粘贴各种不同的电子邮件签名

每月最多 10 封邮件免费。除此之外,无限电子邮件的订阅费用为每月 7.95 美元。

主要特征

  • 设置提醒,在特定时间回复邮件。
  • 安排稍后发送电子邮件。
  • 创建自动跟进。
  • 保存并粘贴大量签名。

对...有用

  • 严重依赖电子邮件进行交流的专业人士。
  • 销售人员。

3.回旋镖

boomerangforgmail 1

Boomerang for Gmail

回旋镖是另一个伟大的 Gmail 扩展。这是一个电子邮件拓展生产力工具,并不试图成为任何不是它的东西(查看我们的指南如何找到任何人的电子邮件地址)。

迄今为止最酷的功能是帮助你写更好的电子邮件的人工智能。Boomerang 每月最多可免费发送 10 封电子邮件,无限量计划每月 4.99 美元起。

主要特征

  • 群发邮件。
  • 各种情况下的电子邮件模板。
  • 人工智能辅助电子邮件写作。

对...有用

  • 在工作中依赖冷邮件的销售人员和 SEO。
  • 需要写专业、提示邮件的客户经理。

4.缩放 Gmail

zoomforgmail 1

Zoom for Gmail add-on

Zoom for Gmail 是一个附加组件,可以让您在 Gmail 界面中开始缩放会议。您还可以从收件箱中查看即将召开的电话、会议、网络研讨会和会议的日程安排。它需要缩放帐户才能工作。

主要特征

  • Gmail 中高质量、可靠的视频会议。
  • 查看您的日程表,了解即将到来的 Zoom 电话。
  • 从收件箱中即时与同事进行视频通话。

对...有用

  • 喜欢通过视频通话而不是基于文本的电子邮件进行协作的人。
  • 需要跟踪 Zoom 网络研讨会和会议的员工。

5.Gmail 的 Slack

slack for gmail

Slack for Gmail add-on

你是否卡在两个时代的内部沟通之间?你和只使用 Slack 的同事和只使用 Gmail 的同事打交道吗?

如果是的话,这就是适合你的 Gmail 插件。Gmail 的 Slack】名副其实。它使你能够发送电子邮件给 Slack。您还可以包含附件,这些附件将自动上传到正确的频道/私人消息中。能够在不离开收件箱的情况下快速发送消息是一个救命稻草。

主要特征

对...有用

  • 那些严重依赖 Slack 和电子邮件进行工作交流的人。

你是一个懒散的用户吗?一定要看看这个:如何在 2020 年使用 Slack(奖金:18 个鲜为人知的黑客来完成更多工作)

在 Slack 和微软团队之间无法抉择?在这里阅读我们的比较: Slack vs Teams

6.Gmail 文档设计

docusign for gmail 1

DocuSign for Gmail add-on

你是否在咨询、营销、法律或任何其他行业工作,在这些行业中,你需要不断地发送文件以获得签署?

你是否厌倦了人们花费宝贵的时间手动打印、签署和扫描你的文档? DocuSign for Gmail 允许您直接从收件箱发送可签名的文档。

您还可以选择多个模板并发送提醒。请注意,您需要一个 DocuSign 帐户才能使用此扩展,计划起价为每月 10 美元。

主要特征

  • 从 Gmail 内向您的客户发送可签名的文档。
  • 从 Chrome 中访问文档模板。
  • 签名是独一无二的,具有法律约束力。
  • 所有数据都安全地加密在他们的服务器上。
  • 无需离开收件箱即可发送提醒。

对...有用

  • 那些受雇于咨询或法律行业的人。
  • 每天多次处理合同(如自由开发人员)或其他法律文件的人。

7.Gmail 邮件跟踪

mailtrack 1

Mailtrack for Gmail extension

你有没有想过一封邮件发出后会发生什么? Mailtrack for Gmail 使用了一个兼容 Gmail 的跟踪脚本,可以显示它是否被打开过。这对那些在面对客户或潜在客户的岗位上工作的人是有益的。

这种 Gmail 扩展为您提供实时通知,您甚至可以在自定义仪表板中查看所有活动的明细。扩展是 100%免费和无限制的。

主要特征

  • 跟踪您的电子邮件是否被打开。
  • 每当有人打开您的电子邮件时,都会收到实时通知。
  • 查看您跟踪的邮件的最近活动明细。

对...有用

  • 主要使用电子邮件的销售人员。
  • SEO 和 B2B 营销人员
  • 客户经理。
  • 客户成功代理。

8.Gmail 智能表

smartsheetforgmail 1

Smartsheet for Gmail add-on

如果您的企业使用 Smartsheet,这个附加组件将帮助您在收件箱中完成工作。Gmail 插件的 Smartsheet 让您无需离开 Gmail 即可搜索和创建行。

主要特征

  • 撰写电子邮件时搜索智能表行。
  • 阅读邮件后,使用任务/待办事项/见解创建新行。

对...有用

  • 智能工作表用户。

9.Evernote

evernote for gmail 1

Evernote for Gmail add-on

你已经在使用和喜爱 Evernote 了吗?如果你还不知道他们的 Gmail 插件,你将会收获更多。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

有了它,你可以轻松地保存整个电子邮件对话,或单封电子邮件,只需点击几下。不幸的是,和桌面应用程序一样,这里没有拖放功能。你需要一个 Evernote 帐户来使用这个插件。

免费账户包含了你在内容保存系统中所希望的大部分功能。

主要特征

  • 将全部或部分电子邮件保存到您的 Evernote 帐户。
  • 从仪表板中更新待办事项列表。

对...有用

  • Evernote 用户。
  • 通过电子邮件获得大量有价值信息/反馈的销售人员、营销人员或创意人员。

10.Trello for Gmail

trello for gmail

Trello for Gmail add-on

Trello for Gmail 是一个简单的 Gmail 插件,专注于一件事:让你不用离开收件箱就可以在你的板上快速创建新卡片。您可以将其分配到不同的公告板/列表,并设置截止日期。

要使用该插件,您需要成为 Trello 用户。有一个适合小企业的免费计划。

主要特征

  • 从您的 Gmail 收件箱中创建新卡片。
  • 卡片上有完整的截止日期、清单和描述。
  • 自动将电子邮件内容添加到卡片描述中。

对...有用

  • 特雷罗的超级用户。

11.Gmail 体位法

asana for gmail 1

Asana for Gmail add-on

用于 Gmail 的 Asana 与上面的 Trello 插件做同样的事情,但是是针对 Asana 用户的。此外,您还可以在收件箱中搜索项目/团队/任务。

主要特征

  • 添加和分配新的体式卡,并注明到期日期。
  • 自动将电子邮件内容添加到卡片描述中。

对...有用

  • Asana 用户。

建议阅读:特雷罗 vs 阿萨纳
T3】

12.Wrike for Gmail

wrike for gmail 1

Wrike for Gmail add-on

类似于上面的两个 Gmail 插件,只不过这次是针对 Wrike 用户的。不仅仅是允许你创建新的任务,这个插件与 Wrike 完全同步。因此,您可以在收件箱中查看与电子邮件相关的任务,查看 Wrike 的个人资料图片等。

你必须是 Wrike 用户才能使用这个插件。有一个最多 5 个用户的基本免费计划,但专业许可证的起价为 9.80 美元/月。

主要特征

  • 从收件箱中创建任务。
  • 任务会自动在描述中包含电子邮件内容。
  • 查看与特定电子邮件相关的任务。
  • 跟踪和报告来自电子邮件的工作。

对...有用

  • Wrike 用户。

13.Checker Plus

checker plus for gmail 1

Checker Plus for Gmail

你需要在电子邮件到达收件箱的第一时间收到通知吗?如果我告诉你,你再也不用打开 Gmail 标签页了,会怎么样?使用 Gmail 的 Checker Plus,您可以到达那个“应许之地”。

这个 Gmail 扩展会自动检查新邮件,并在新邮件到达时通知您。你可以选择阅读邮件、存档或立即删除。

厌倦了体验你的 WordPress 网站的问题?通过 Kinsta 获得最好、最快的主机支持!查看我们的计划

主要特征

  • 不用打开 Gmail 就能收到新邮件通知。
  • 在完成其他任务的同时,浏览、阅读和归档电子邮件。

对...有用

  • 快节奏环境中的员工。

14.Gmail 的 MeisterTask

meistertask for gmail 1

MeisterTask for Gmail add-on

对于那些将收件箱作为任务管理工具的人来说,另一个很好的选择是 Gmail 的 MeisterTask,它将你的收件箱与你的 Meister 账户连接起来。您可以在收件箱中创建新任务,并轻松访问任务板。

请注意,该 Gmail 插件需要一个 MeisterTask 帐户。他们提供一个免费的“基本”计划,有无限的任务、项目和合作者。付费计划的起价为每个用户每月 7.50 美元,它提供了无限的集成、自动化和更好的报告。

主要特征

  • 从收件箱中创建新任务。
  • 管理项目板

对...有用

  • MeisterTask 用户

15.准备好使用 Gmail 时的收件箱

inbox when ready for gmail

Inbox When Ready Gmail extension

收件箱准备就绪做一件事,而且做得很好。它锁定你的收件箱一段时间。它让你专注于写邮件或阅读你已经收到的重要邮件。

免费计划在激活时会留下电子邮件签名。专业计划费用为每月 4 美元,按年计费。

主要特征

  • 锁定收件箱,这样就不会显示新邮件,也不会收到通知。
  • 提前安排锁定时间。
  • 在设定的时间后自动隐藏收件箱。
  • 为你查看收件箱的次数设定预算。

对...有用

  • 那些容易分心的人。
  • 致力于深度工作的员工。

16.简单的 Gmail 笔记

simple gmail notes extension

Simple Gmail notes Gmail extension

简单的 Gmail 笔记是一个名副其实的 Gmail 扩展:它允许你在邮件中添加简单的笔记。它可以通过提供有用的信息在最佳时间跟进,或者只是给你一些背景信息,帮助你快速找到返回特定电子邮件的方法。它是 100%免费和开源的。

主要特征

  • 向收件箱中的电子邮件添加注释。
  • 把这些笔记保存到你自己的谷歌硬盘上。
  • 支持多个 Gmail 账户

对...有用

  • 有组织的人。
  • 销售、营销和服务专业人员。

17.Gmail 的 Giphy

giphy for gmail 1

Giphy for Gmail extension

现在是 2022 年,gif 已经侵入了所有可能的在线交流媒介。为什么你要把它藏在你的邮件里?谢天谢地,Gmail 扩展的 Giphy 是完全免费的。

主要特征

  • 皮斯吉格斯。
  • 搞笑 gif。
  • 吓人的 gif。
  • 悲伤的 gif。

对...有用

  • Gif 爱好者。

18.FlowCrypt Gmail 加密

flowcrypt gmail encryption 1

FlowCrypt Gmail extension

虽然 Gmail 有一个内置的功能来发送机密邮件,但可能会有这样的情况,单独的选项似乎不够安全,你想加密你的邮件。或者,您可能担心邮件被拦截和阅读。

使用 FlowCrypt Gmail 扩展,您可以使用 PGP 加密来加密您发送的所有电子邮件。

主要特征

  • 用 PGP 加密你的电子邮件。

对...有用

  • 需要通过电子邮件发送敏感信息的人。
  • 网络安全爱好者。

19.为 Gmail 数字化

digify for gmail 1

Digify for Gmail extension

Digify for Gmail 是一个 Gmail 扩展,可以让你跟踪、取消发送附件,并设置自毁程序。如果您每天都要发送重要或敏感的文档,这是您的最佳选择。您不需要 Digify 帐户即可使用此扩展。

主要特征

  • 跟踪附件以查看谁访问了它们。
  • 取消发送给错误的人的附件。
  • 将附件编程为自毁(想想 Snapchat)。

对...有用

  • 自由职业者和专业人士,他们想让别人预览他们的作品,但不想窃取。

20.语法上

Grammarly extension

Grammarly extension

Chrome 的语法将帮助你在 Gmail 中实时纠正你的语法和拼写错误。它还会建议不基于严格语法规则的改进。你可以通过免费的语法帐户使用它。

主要特征

  • 纠正你的语法和拼写错误。
  • 建议改进句子的方法。

对...有用

  • 任何写邮件的人。

21.Gmail 多转发

multi forward for gmail 1

Multi Forward for Gmail

如果你公司的主要沟通渠道是(静止的)电子邮件,那么多转发 Gmail 扩展就是你梦想中的 Gmail 扩展。轻松地将收到的电子邮件一次转发给多个联系人。它是完全免费的,不需要注册就可以使用。

主要特征

  • 一次向多人转发电子邮件。

对...有用

  • 需要转发大量邮件的人。

22.Sortd Gmail 插件

sortd gmail addon 1

Sortd Gmail add-on

Sortd Gmail 插件将您的 Sortd 帐户与您的 Gmail 连接起来。它允许你将电子邮件转换成任务,还可以给电子邮件添加注释和提醒。它还提供拖放式电子邮件组织。

您需要一个 Sortd 帐户才能使用此加载项。有一个免费的计划,有一些限制。

主要特征

  • 给邮件添加注释和提醒。
  • 拖放电子邮件组织。
  • 看板。
  • 标记要跟进的电子邮件。
  • 重命名重要邮件的主题行,让它们更加突出。
  • 将电子邮件转化为任务。

对...有用

  • Sortd 用户。

US workers throw away 28% of their time dealing with emails 🗑! That's why you need to enhance your Gmail productivity starting today with these best 20+ power-ups 👨‍💻⚡️Click to Tweet

摘要

Gmail 插件和扩展是第三方应用程序,为您提供了大量不同的选项。我们最喜欢的是那些能够帮助我们更有效率、更快完成更多工作的工具(如果你使用 Chrome,你可能也想看看这个:提高 WordPress 用户效率的最佳 Chrome 扩展)。

并非我们在这里介绍的所有 Gmail 插件和扩展都会改变你的游戏规则。但是,任何可以帮助我们更好地组织收件箱的东西,比如 Sortd、MeisterTask 或 Simple Gmail Notes,以及帮助你改善后续工作的东西,比如 Boomerang 和 Mailtrack,都值得一试。

为什么?因为如果他们能帮你从一封邮件或一项任务中节省哪怕 20/30 秒的时间,你就能算出你每月能“赚回”多少时间。回答:很多!

现在,轮到你了:你最喜欢的 Gmail 插件和 Gmail 扩展是什么?什么是你离不开的?


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

Gmail 附件大小限制:如何通过电子邮件发送大文件(4 种简单方法)

原文:https://kinsta.com/blog/gmail-attachment-size-limit/

无论您是要发送重要的文档,还是只是分享家庭度假时的照片,发送附件都应该轻而易举。然而,Gmail 附件大小的限制会使这个过程有点困难。

幸运的是,有一种方法可以绕过这个障碍。通过了解您的电子邮件限制和附件选项,您应该可以轻松发送大文件。

在这篇文章中,我们将仔细看看电子邮件文件的大小限制。我们还将讨论顶级电子邮件提供商和客户的附件限制。然后,我们将向您展示通过电子邮件发送大文件的四种简单方法。

让我们开始吧!

查看我们的视频指南通过电子邮件发送大文件

为什么电子邮件有文件大小限制

附件大小限制会限制您的交流。无论你是想发送视频还是 PDF,这些大小的限制都会妨碍你。

如果你使用电子邮件处理业务,这个问题会特别令人沮丧。最近的研究强调了电子邮件营销给企业带来的显著好处。然而,如果限制阻止你按下“发送”,你就不能获得这些奖励

然而,电子邮件公司有这些规模限制是有原因的。一台服务器只能处理这么多请求。因此,它将无法处理同时发送的数千封巨大的电子邮件。这可能会导致整个系统崩溃。

Whether you're delivering important documents or just sharing photos from a family vacation, sending attachments should be a breeze. ➡️ 📧 Let this guide help you navigate the attachment size limit 😌Click to Tweet

顶级电子邮件提供商的大小限制

每个电子邮件服务提供商都有自己的附件限制。让我们来看看一些最流行的提供商当前的文件大小限制:

  • Gmail: 25 MB。然而,Gmail 附件大小限制可能具有欺骗性,因为谷歌在发送电子邮件之前会将其编码为特定格式。这个过程会使附件的大小加倍;因此,实际的 Gmail 附件大小限制更接近 12.5 MB。
  • Outlook: 20 MB(所有版本上)。
  • Hotmail: 10 毫克。
  • Mail.com: 50 MB。但是,每个文件只能有 10 MB。
  • 雅虎: 25 MB。
  • Zoho: 12 MB。每个文件只能是 10 MB。
  • AOL: 25 MB。
  • 质子邮件: 25 MB。您最多可以发送 100 个单独的文件。

可以看到,范围比较广。然而,除了电子邮件附件限制,不同的公司提供不同的好处。因此,我们鼓励您在选择电子邮件提供商时考虑所有方面。

顶级电子邮件客户端的大小限制

重要的是要记住,电子邮件提供商不同于电子邮件客户端。提供商处理你的电子邮件数据,而客户更像是一个信使。用户可以访问他们的电子邮件客户端来查看他们的邮件。

电子邮件客户端通常采用应用程序的形式。但是,您可能有一个既是客户端又是提供商的应用程序,例如 Microsoft Outlook。

以下是流行的电子邮件应用程序的大小限制:

  • Mozilla 雷鸟:无限制。
  • Windows Live Mail: 每封邮件 10 GB。另外,每个文件不可能是> 50 MB。
  • 蝙蝠!: 25 MB。

请记住,如果您使用不同的客户端和提供者,您必须了解这两个限制。因此,我们建议您仔细权衡每种服务的利弊,选择最适合您需求的服务。

如何通过电子邮件发送大文件(4 种简单方法)

现在您已经知道了附件大小的限制,是时候学习如何超过它们了!幸运的是,您有几个强大的选项可以选择。让我们仔细看看每一个。

1.使用云存储

云存储是一种将文件异地保存在服务器上的方式,只要你有互联网连接,你就可以从任何地方访问。这也意味着你可以使用云存储让人们访问你的文件。你所要做的就是把文档上传到云端,然后给你的收件人发送一个链接。

有很多项目提供这项服务。在 Kinsta,我们是 Google Drive 的忠实粉丝。让我们快速看一下如何使用这个工具来共享视频之类的大文件。

首先,导航到 Google Drive。在左上角,点击新建按钮。您现在会看到几个选项:

A screenshot of the Google Drive "New" menu, including such options as "Folder," "File upload," and "Folder upload."

向 Google Drive 上传新文档的可用选项。

您可以在这里创建文档,也可以上传您自己的文档。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

之后,转到您想要共享的文档。在右上角,点击分享按钮:

A screenshot of Google Drive's

直接或通过网址与其他人分享谷歌文档。

在这里,您可以将人员添加到文档中。他们将收到邀请,并能够访问您的文件。

或者,您可以复制 URL,并通过电子邮件将链接发送给他们。

2.压缩您的文件

另一种绕过附件大小限制的方法是通过压缩。大多数计算机能让你把一份文件变成一个。zip 文件。

压缩文件是文档的压缩版本。通常,这些文件比常规文件小。当您的收件人收到文件时,他们可以轻松地解压缩该文件,以获得原始文件。

创建压缩文件是一个简单的过程。首先找到您想要压缩的文件。然后点击右键,选择发送到 > 压缩文件夹:

Screenshot of Windows Explorer's right-click menu under

压缩文件可以规避 Gmail 的附件大小限制。

一旦你完成了,你将得到一个压缩文件夹中的压缩文件。

所有的 Kinsta 托管计划都包括来自我们资深 WordPress 开发者和工程师的 24/7 支持。与支持我们财富 500 强客户的同一个团队聊天。查看我们的计划!

但是,记住压缩只能做这么多。它通常会减少 30-40%的大小,但根据原始文件的大小,这可能还不够。如果您仍然无法满足电子邮件附件大小的限制,您可能需要尝试以下方法。

3.使用在线文件共享工具

幸运的是,许多免费工具可以帮助你在发送邮件时避开文件大小的限制。其中一些甚至可以进一步压缩你的文件,或者允许你使用他们的服务器发送单独的电子邮件。

然而,这些免费服务可能会有一些缺点。例如,你可能需要浏览一些广告才能使用工具。此外,一些工具可能有自己的大小限制。

此外,有些服务不如其他服务安全。因此,如果您要发送敏感信息,我们建议不要使用这种方法。然而,加密有助于降低数据被盗的风险。

说到可靠的在线文件共享工具,我们推荐 Jumpshare :

The homepage for Jumpshare, showing the text "Share your work in seconds. Visually."

Jumpshare 文件共享服务的主页。

Jumpshare 使您能够上传大文件并将其直接发送给其他人。它还生成指向这些文件的链接。

免费版 Jumpshare 的文件上传限制为 250 MB,远比 Gmail 附件大小限制慷慨。此外,该程序使用安全套接字层(SSL) 在传输过程中保护您的数据。

4.将大文件分割成小块

分割你的文件可能是乏味的。因此,我们只建议在需要发送一个文档时使用这种方法。

简单地说,您需要将一个多页文档分成几个单独的文档,并发送几封电子邮件,可能每个附件一封。

这种方法有一些明显的缺点。最明显的一个就是你的信息会被分段,收件人要在另一端重新组装。

幸运的是,您可以使用类似于 GSplit 的工具来简化这个过程:

The homepage for GSplit, showing the text "Welcome to GSplit: Powerful and Free File Splitter."

GSplit 是一款免费的文件拆分服务。

GSplit 是一个免费的程序,可以自动将你的工作分成易于管理的小块。更好的是,它帮助你把它重新组合起来。您的收件人可以使用其配套工具 GUnite 来重新组装您的文件。

尽管如此,这种方法会让你看起来不专业。因此,我们建议您仅将其用于个人目的。

Don't let Gmail's attachment size limit hold you back from sending large files 📧 See 4 simple ways you can get around it in this guide 💪Click to Tweet

摘要

电子邮件附件的大小限制会让你很头疼。好在有办法超越。通过选择满足您需求的最佳方法,您可以轻松地向其他人发送大文件。使用正确的 Gmail 插件,您还可以跟踪和保护电子邮件附件

我们建议使用云存储服务。然而,如果你因为任何原因不能使用它,你现在已经学会了另外三种绕过电子邮件附件大小限制的方法。

关于绕过 Gmail 附件大小限制,您还有其他问题吗?请在下面的评论中告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

48 个方便的 Gmail 键盘快捷键,大大提高您的工作效率

原文:https://kinsta.com/blog/gmail-keyboard-shortcuts/

如果你想减少花在电子邮件上的时间,学习 Gmail 键盘快捷键是一项了不起的投资。

像我们大多数人一样,你可能每周都会浪费几分钟浏览你的邮箱——无论你是在寻找旧文件,格式化电子邮件,还是反复检查你不会把你的周末计划抄送给整个办公室。

对这一切说再见吧!这些 Gmail 键盘快捷键将减少您的日常工作量,让您腾出时间来完成更高效的任务。我们将从解释如何在 Gmail 中启用键盘快捷键开始,然后介绍 48 个方便的 Gmail 快捷键。

准备好了吗?我们开始吧!

查看我们的视频指南Gmail 键盘快捷键

什么是 Gmail 快捷方式?

在我们开始研究节省时间的快捷键列表之前,让我们先简单了解一下键盘快捷键的基础知识。键盘快捷键是一个键或一系列键,用于完成用户通常使用鼠标执行的操作。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

你现在可能正在想象许多常见的快捷方式,比如用于复制文本的 Ctrl+C (Windows)或 ⌘+C (Mac)。另一个标准快捷键是文本搜索的 Ctrl+F (Windows)或 ⌘+F (Mac)。这些对于提高工作效率很有帮助,但它们不是唯一的键盘快捷键。

Gmail 有自己的一套快捷方式,专为高效发送电子邮件而设计。使用这些快捷方式有很多好处:

  • 更快地浏览您的 Gmail 收件箱。
  • 在不中断流程的情况下执行日常格式化操作。
  • 无需使用鼠标,保持符合人体工程学的运动。

那么,如何打开键盘快捷键呢?

Want to reduce the amount of time you spend on email? 📧 You need these shortcuts ⬇️Click to Tweet

如何使用 Gmail 键盘快捷键

您需要手动打开 Gmail 键盘快捷键,然后才能使用它们。谢天谢地,这是一个非常简单的过程。你只需要遵循这六个步骤:

  1. 去 Gmail。
  2. 点击设置图标。
  3. 点击查看所有设置
  4. 滚动到键盘快捷键部分。
  5. 通过选择单选按钮打开键盘快捷键。
  6. 点击页面底部的保存

The "Settings" section of Gmail with a focus on the "Keyboard shortcuts" options section

在 Gmail 中开启键盘快捷键。

如果你有个 Gmail 账户,你需要为每个账户执行以下步骤。

一旦你打开了 Gmail 快捷键,你就需要学习如何使用它们。接下来让我们来探索一下。

如何找到 Gmail 键盘快捷键?

谷歌将通过快捷菜单向您显示 Gmail 键盘快捷键的完整列表。启用快捷方式后,您可以通过按住 Shift+调出快捷方式菜单。在 Gmail 中。

键盘快捷键弹出菜单允许您选择是否要启用或禁用快捷键组,如下图所示:

A list of Gmail's built-in keyboard shortcuts and what they do

Gmail 的键盘快捷选项

有两个关键的地方你可以找到更多关于快捷方式的信息。

首先,你会在 Gmail 的网站上找到它的快捷方式列表。第二,你可以使用键盘快捷键训练工具,比如快捷键 Foo

如果您想扩展 Gmail 默认快捷方式之外的快捷方式,您也可以创建自定义快捷方式。为此,您需要按照以下说明打开自定义快捷方式:

  1. 进入 Gmail,点击设置
  2. 点击高级
  3. 点击自定义快捷键旁边的启用
  4. 按下保存更改

为什么我的 Gmail 快捷方式仍然无法使用?

如果你按照上面的步骤操作,你的键盘快捷键应该是有效的。然而,人们偶尔会遇到一些打嗝。

以下是三个常见问题及其解决方案:

问题 解决办法
您的快捷方式没有正确打开。 尝试关闭键盘快捷键,然后再打开。
您的 web 浏览器已过期。 更新您的浏览器,重新启动计算机,然后重试。
您的扩展正在阻止键盘快捷键工作。 禁用所有扩展并测试快捷方式。然后,逐个打开您的分机,找到有问题的分机。

最佳 Gmail 快捷方式

在这一部分,我们将带您了解 Gmail 的 48 种键盘快捷键。让我们跳进来。

1.存档电子邮件

键盘快捷键:E

这个快捷方式会将你选择的所有电子邮件移动到你的档案。当你存档一封电子邮件或一段对话时,Gmail 不会删除它。相反,Gmail 会将其从您的收件箱中删除,并放入您的“所有邮件”文件夹中。

2.撰写电子邮件

键盘快捷键:C

这个漂亮的快捷方式会在你的屏幕上打开一封新邮件,就像 +撰写按钮一样。它非常适合加速你的日常电子邮件。然而,如果你的邮件没有立即加载,不要再按 C ,否则你会打开另一个新的邮件窗口。

3.垃圾邮件

键盘快捷键:#

此 Gmail 快捷方式会将您当前选择的电子邮件移至您的垃圾文件夹。垃圾文件夹会在 30 天后自动删除你的邮件。您也可以随时手动清空废纸篓文件夹。

4.选择所有对话

键盘快捷键:*+A

这个快捷方式将选择当前屏幕上的所有对话。当您需要快速归档、删除或启动大量电子邮件时,这很有帮助。

5.全部回复

键盘快捷键:A

当您在查看电子邮件时使用此快捷方式时,它会启动一封回复电子邮件,回复所有收到原始电子邮件的人(不仅仅是发件人)。此快捷方式不包括电子邮件中抄送或密件抄送的人。

6.回答

键盘快捷键:R

与上一个快捷方式类似,这个快捷方式打开一封回复邮件。但是,它只会直接回复给您发送原始邮件的人(而不是其他抄送或密件抄送的收件人)。

7.在新窗口中回复

键盘快捷键:Shift+A

这个组合是第三个“回复”快捷方式。这个键盘快捷键将在一个单独的标签中打开回复邮件,这对于起草更长的消息来说是完美的。

A sample email with the subject "Front garden" and text showing different formatting effects like bold, italics, etc.

Gmail 中不同文本格式的例子。

8.将文本设为斜体

键盘快捷键:Ctrl+I (Windows)或 ⌘+I (Mac)

这个快捷方式将你高亮显示的任何文本变成斜体,就像这个。这个快捷方式非常适合快速格式化你的邮件。

9.将文本加粗

键盘快捷键:Ctrl+B (Windows)或 ⌘+B (Mac)

这个快捷方式会将您高亮显示的任何文本设为粗体,就像这个一样。在你的电子邮件中使用粗体文本是抓住读者注意力的好方法,这样这个快捷方式可以帮助你快速起草更吸引人的电子邮件

10.给文本加下划线

键盘快捷键:Ctrl+U (Windows)或 ⌘+U (Mac)

这个 Gmail 快捷方式会给你高亮显示的文本加下划线,就像这个。

如果你想把读者的注意力吸引到句子的特定部分,比如“我不想要花园里的康乃馨”,在电子邮件中给文本加下划线会很有帮助

当人们浏览电子邮件时,格式化你的邮件会让你的观点更清晰。

11.删除线文本

键盘快捷键:Alt+Shift+5 (Windows)或 ⌘+Shift+X (Mac)

这个快捷键会删除你选择的任何文本,比如这个例子。

12.打开 Google 任务

键盘快捷键:G+K

此快捷方式将在屏幕左侧打开谷歌任务中的“我的任务”标签。您可以在该选项卡中添加新的待办任务,勾选任务,或编辑您当前的任务。

13.向 Google 任务添加对话

键盘快捷键:Shift+T

此快捷键会将您正在查看的对话添加为 Google 任务中的新任务。只有当你点击了一封邮件时,快捷方式才起作用。

当记下某件事以备后用时,比如请求给同事发送一份文件,这是很方便的。当您将对话添加到 Google 任务时,它看起来像这样:

A screenshot showing the "My Tasks" bar of Google Tasks on the right-hand side

在 Gmail 中给 Google Tasks 添加邮件的例子。

14.发送电子邮件

键盘快捷键:Ctrl+Enter (Windows)或 ⌘+Enter (Mac)

当您使用此快捷方式时,它会自动发送您当前正在处理的电子邮件或回复。如果你不小心使用了这个快捷方式,你可以在几秒钟内点击“撤销”按钮来停止发送电子邮件(前提是你已经在设置中启用了“撤销发送”)。

15.插入链接

键盘快捷键:Ctrl+K (Windows)或 ⌘+K (Mac)

该快捷方式将打开“编辑链接”小部件。在这个小部件中,您可以输入要显示的文本,并从 web 或电子邮件地址插入 URL。您可以看到下面的小部件:

The "Edit Link" option showing fields for "Text to display" and "Web address"

在 Gmail 中编辑链接的例子。

16.将抄送收件人添加到您的电子邮件

键盘快捷键:Ctrl+Shift+C (Windows)或 ⌘+Shift+C (Mac)

此快捷方式会将“抄送”栏添加到您当前正在处理的电子邮件中。在这里,您可以键入联系人的地址,将他们添加为抄送人。此快捷方式仅在您打开电子邮件时有效。

17.将密件抄送收件人添加到您的电子邮件中

键盘快捷键:Ctrl+Shift+B (Windows)或 ⌘+Shift+B (Mac)

此 Gmail 快捷方式将“密件抄送”栏添加到您当前正在撰写的电子邮件中。您可以通过键入密件抄送人的地址来添加他们。同样,这个快捷方式只在你起草电子邮件时有效。

18.添加编号列表

键盘快捷键:Ctrl+Shift+7 (Windows)或 ⌘+Shift+7 (Mac)

此快捷方式会将编号列表添加到您选择的任何竖排文本中。看起来是这样的:

  1. 一些文本
  2. 更多文本
  3. 更多文本

19.添加项目符号列表

键盘快捷键:Ctrl+Shift+8 (Windows)或 ⌘+Shift+8 (Mac)

像“添加编号列表”快捷方式一样,这个快捷方式将项目符号列表添加到所选文本。看起来是这样的:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

  • 一些文本
  • 更多文本
  • 更多文本

20.增加文本大小

键盘快捷键:Ctrl+Shift++ (Windows)或 ⌘+Shift++ (Mac)

此快捷方式将增加您高亮显示的任何文本的大小(如果可能)。Gmail 有四种基本的文本大小:小、正常、大和巨大。如果您已经将字体大小设置为“巨大”,则此命令不起作用

21.减小文本大小

键盘快捷键:Ctrl+Shift+- (Windows)或 ⌘+Shift+- (Mac)

像“增加文本大小”快捷方式一样,这个快捷方式可以减小您高亮显示的任何文本的大小。同样,这只适用于文本尺寸小于当前尺寸的情况。

22.取消

键盘快捷键:Ctrl+Z (Windows)或 ⌘+Z (Mac)

“撤销”总是一个有用的快捷方式。它撤销你最近采取的行动(如果可能的话)。例如,如果您不小心将一封电子邮件移至垃圾箱,此快捷方式会将其恢复至您的 Gmail 收件箱。

23.重做

键盘快捷键:Ctrl+Y (Windows)或 ⌘+Y (Mac)

“重做”是“撤消”的反义词当您使用此快捷方式时,它会重做您上一次执行的操作(如果可能)。

24.添加报价

键盘快捷键:Ctrl+Shift+9 (Windows)或 ⌘+Shift+9 (Mac)

这个 Gmail 快捷方式会将您高亮显示的任何文本转换成引用。Gmail 格式的引用文本与普通文本略有不同,因此您的引用文本会很突出。在一封电子邮件中是这样的:

An example email showing the indented and bordered quote formatting on text saying

Gmail 中引用文本格式的一个例子。

25.打开拼写建议

键盘快捷键:Ctrl+M (Windows)或 ⌘+M (Mac)

当您在撰写电子邮件时使用此快捷方式,Gmail 会为您的文本列出拼写更正

信息

奖励快捷键:在 Windows 上,可以使用Ctrl+;Ctrl+’来导航到上一个和下一个拼写建议。这个额外的快捷键在 Mac 上也有效——你只需要将 Ctrl 切换到

26.删除格式

键盘快捷键:Ctrl+\ (Windows)或 ⌘+\ (Mac)

此快捷方式将删除您突出显示的文本的所有格式,只留下纯文本。例如,“我们 b 德 ve lop er ”会变成“web developer”

27.减少文本缩进

键盘快捷键:Ctrl+[ (Windows)或 ⌘+[ (Mac)

此快捷键减少了文本的缩进,将文本在屏幕上向左移动(如果可能的话)。

28.增加文本缩进

键盘快捷键:Ctrl+] (Windows)或 ⌘+] (Mac)

与前面的快捷键类似,这个快捷键增加了文本的缩进。当您增加文本缩进时,您的文本会在屏幕上向右移动。当你需要快速缩进邮件的关键部分时,这个快捷方式很有用。

29.将文本与屏幕中央对齐

键盘快捷键:Ctrl+Shift+E (Windows)或 ⌘+Shift+E (Mac)

这个 Gmail 快捷方式会将任何高亮显示的文本的对齐方式更改为屏幕中央,将高亮显示的文本块从默认的左对齐移动到中间。

需要为你的 WordPress 站点提供超快的、可靠的、完全安全的托管服务吗?Kinsta 提供所有这些以及 WordPress 专家提供的 24/7 世界级支持。查看我们的计划

30.将文本靠屏幕右侧对齐

键盘快捷键:Ctrl+Shift+R (Windows)或 ⌘+Shift+R (Mac)

此快捷方式还会更改任何高亮显示文本的对齐方式,但它会将其更改为向右对齐。使用此选项会将所有突出显示的文本向右对齐。

31.将文本靠屏幕左侧对齐

键盘快捷键:Ctrl+Shift+l (Windows)或 ⌘+Shift+l (Mac)

此快捷方式将任何突出显示的文本的对齐方式更改回屏幕左侧。因为这是默认的对齐方式,所以此快捷方式仅适用于与屏幕中央或右侧对齐的文本。

32.将电子邮件标记为重要

键盘快捷键:+=

此快捷方式会将所有选定的电子邮件标记为重要邮件。当你使用它时,Gmail 会显示一个通知,上面写着:“对话被标记为重要。”

Gmail marks "Important" emails in your inbox with a tiny yellow icon.

Gmail marks “Important” emails in your inbox with a tiny yellow icon.

33.将电子邮件标记为不重要

键盘快捷键:-

使用此快捷方式时,Gmail 会从您标记为重要的电子邮件中删除“重要”标签。您必须先选择一封电子邮件,此快捷方式才能生效。

34.标记为已读

键盘快捷键:Shift+I

当您使用此快捷方式时,它会将任何选定的电子邮件标记为已读。使用此快捷方式将删除 Gmail 在未读邮件上的突出显示。当然,这个快捷方式只对未读邮件有效。

35.标记为未读

键盘快捷键:Shift+U

当您使用此快捷方式时,它会将您选择的所有已读邮件标记为未读。该快捷方式将突出显示您邮箱中的电子邮件,无论您之前是否打开过它。

36.扩展对话

键盘快捷键:;

此快捷方式扩展了带有多个回复的电子邮件。当你使用它时,它会垂直打开所有以前的回复邮件,从最近到最近。它只在你查看打开的电子邮件时有效。

37.折叠对话

键盘快捷键::

同样,这个 Gmail 快捷方式可以在你展开邮件后折叠它们。当您使用此快捷方式时,Gmail 会在您的屏幕上显示电子邮件中的最新回复。您仍然可以通过点击预览或使用来查看以前的电子邮件回复;

38.转发电子邮件

键盘快捷键:F

此快捷方式会在当前窗口中打开电子邮件转发屏幕。你只需要输入收件人的地址,然后按下 Shift+Enter 键就可以转发邮件了。

39.在新窗口中转发电子邮件

键盘快捷键:Shift+F

此快捷方式打开了在新窗口中转发电子邮件的选项。如果你喜欢在回复之前一口气读完所有的邮件,使用这个快捷方式会特别有用。

40.将电子邮件报告为垃圾邮件

键盘快捷键:!

此快捷方式会将您选择的电子邮件报告为垃圾邮件。Gmail 会自动将任何被举报为垃圾邮件的电子邮件发送到垃圾邮件文件夹。

Gmail 还会自动标记带有大量附件和关键词(如“免费”和“垃圾邮件”)的电子邮件如果你的收件人经常错过你的邮件,他们可能会发垃圾邮件。

![An arrow pointing to the "Spam" folder near the top of Gmail](https://github.com/OpenDocCN/geekdoc-php-zh/raw/master/kinsta-blog/img/9de0aeec6b16ef35df953459480eb259.png "Where to find the "Spam" folder in Gmail")

进入 Gmail 中的“垃圾邮件”文件夹。

41.打开“已发送邮件”文件夹

键盘快捷键:G+T

这种导航快捷方式非常适合在邮箱中快速移动。当你使用它时,它会直接带你到你的“已发送邮件”文件夹。该文件夹包含您回复、转发或发送的每封电子邮件。

42.打开“草稿”文件夹

键盘快捷键:G+D

与“打开已发送邮件文件夹”快捷方式一样,Gmail 快捷方式会将您带到“草稿”文件夹。Gmail 会自动将您已经开始但尚未发送的所有电子邮件存储在“草稿”文件夹中。

43.查看带星号的对话列表

键盘快捷键:G+S

此快捷方式会暂时删除屏幕上所有未加星号的对话。它将在您的“已发送”文件夹和收件箱中工作。如果想撤销这个动作,只需按“撤销”或 Ctrl+Z / ⌘+Z

44.静音对话

键盘快捷键:M

这种快捷方式对于那些经常收到电子邮件更新的人来说非常方便。使用此快捷方式时,Gmail 会将您选择的电子邮件静音,这意味着您仍会收到电子邮件的更新和回复,但不会收到通知

45.搜索邮箱

键盘快捷键:/

此快捷方式会打开邮箱顶部的搜索栏。要使用它,只需键入一个关键字,如“汤姆”,然后按回车键查看所有带有关键字“汤姆”的电子邮件如果你想搜索特定的东西,试着使用这些谷歌搜索操作符。

An arrow and highlight box pointing out the search bar at the top of Gmail

Gmail 中的搜索栏。

46.将字体更改为下一种字体

键盘快捷键:Ctrl+Shift+5 (Windows)或 ⌘+Shift+5 (Mac)

此快捷方式将任何高亮字体的样式更改为 Gmail 列表中的下一种字体。Gmail 包括 11 种默认字体,但如果你愿意,你可以添加自定义字体

47.将字体更改为以前的字体

键盘快捷键:Ctrl+Shift+6 (Windows)或 ⌘+Shift+6 (Mac)

此 Gmail 快捷方式会将任何高亮字体的样式更改为 Gmail 列表中的前一种字体。

48.查看您的 Gmail 键盘快捷键

键盘快捷键:Shift+? (Windows)或 ⌘+? (Mac)

此快捷方式调出 Gmail 的键盘快捷菜单。

Gmail 快捷方式备忘单

这里是我们在本文中提到的所有 Gmail 键盘快捷键的快速参考列表。

Gmail 键盘快捷键 Windows 操作系统 苹果个人计算机
存档电子邮件 E E
撰写电子邮件 C C
垃圾邮件 # #
选择所有对话 *+A *+A
全部回复 A A
回答 稀有 稀有
在新窗口中回复 Shift+A Shift+A
将文本设为斜体 Ctrl+I ⌘+I
将文本加粗 Ctrl+B ⌘+B
给文本加下划线 Ctrl+U ⌘+U
删除线文本 Alt + Shift+5 ⌘+Shift+X
打开 Google 任务 G + K G + K
向 Google 任务添加对话 Shift+T Shift+T
发送电子邮件 Ctrl+Enter ⌘+Enter
插入链接 Ctrl+K ⌘+K
将抄送收件人添加到电子邮件 Ctrl+Shift+C ⌘+Shift+C
将密件抄送收件人添加到电子邮件中 Ctrl+Shift+B ⌘+Shift+B
添加项目符号列表 Ctrl+Shift+7 ⌘+Shift+7
添加编号列表 Ctrl+Shift+8 ⌘+Shift+7
增加文本大小 Ctrl+Shift++组合键 ⌘+Shift++
减小文本大小 Ctrl+Shift+- ⌘+Shift+-
取消 Ctrl+Z 组合键 ⌘+Z
重做 Ctrl+Y ⌘+Y
添加报价 Ctrl+Shift+9 ⌘+Shift+9
打开拼写建议 Ctrl+M ⌘+M
删除格式 Ctrl+ ⌘+
减少文本缩进 Ctrl+[ ⌘+[
增加文本缩进 Ctrl+] ⌘+]
将文本与屏幕中央对齐 Ctrl+Shift+E ⌘+Shift+E
将文本靠屏幕右侧对齐 Ctrl+Shift+R ⌘+Shift+R
将文本靠屏幕左侧对齐 Ctrl+Shift+l ⌘+Shift+l
将电子邮件标记为重要 =或+ =或+
将电子邮件标记为不重要
将电子邮件标记为已读 Shift+I Shift+I
将电子邮件标记为未读 Shift+U Shift+U
扩展对话
折叠对话
转发电子邮件 f f
在新窗口中转发电子邮件 Shift+F Shift+F
将电子邮件报告为垃圾邮件
打开“已发送邮件”文件夹 G+T G+T
打开“草稿”文件夹 G+D G+D
仅查看带星号的对话 G+S G+S
静音对话 M M
搜索邮箱 / /
将字体更改为下一种字体 Ctrl+Shift+5 ⌘+Shift+5
将字体更改为以前的字体 Ctrl+Shift+6 ⌘+Shift+6
查看您的 Gmail 键盘快捷键 Shift+? ⌘+?

Less time on email, more time enjoying the things you love 😌 This guide has all the time-saving shortcuts you never knew you needed ⬇️Click to Tweet

摘要

学习所有最好的 Gmail 键盘快捷键需要一点时间。一旦你多次使用每个快捷方式,你就可以快速有效地浏览你的邮箱,提高你的工作效率,减少你在收件箱中花费的时间。

虽然我们已经收录了 48 个最好的 Gmail 键盘快捷键,但其中一些会比其他的对你更有用。你可能需要一些时间来找到捷径,但是为了提高生产力,这种努力是值得的。

你最喜欢的 Gmail 键盘快捷键是什么?在评论里分享给我们吧!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

2022 年,20 家 Gmail 搜索运营商将征服你的收件箱

原文:https://kinsta.com/blog/gmail-search-operators/

如果你想掌控你的收件箱,你需要使用 Gmail 搜索操作器。

这些是搜索命令,当你需要找到你在 Gmail 中丢失的电子邮件或附件时,可以通过特定的短语或关键字快速过滤电子邮件,还有很多更有用的功能(你马上就会看到)。

在本文中,您将了解什么是 Gmail 搜索操作符,为什么它们对于在杂乱的收件箱中查找信息很有用,以及一组有用的搜索操作符,您可以用它们来完善您的电子邮件管理游戏。

更喜欢看视频版

什么是 Gmail 搜索运算符?

Gmail 搜索操作符(也称为 Gmail 搜索命令)是由单词和符号组成的文本字符串,您可以在 Gmail 搜索框中使用它们来帮助过滤您的收件箱/Gmail 搜索结果。

您还可以组合运算符来进一步过滤您的结果。通过使用这些命令来修改您的搜索,您可以获得更令人满意的 Gmail 搜索结果,并且通常可以更快地找到东西。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

以下是 Gmail 操作人员的实际表现:

Examples of some useful Gmail Search Operators

Examples of some useful Gmail Search Operators

你可以在这里看到来自 Google 的官方文档(它也列出了你可以使用的所有搜索操作符)。

那么为什么要使用 Gmail 搜索操作符呢?

如果你的 Gmail 收件箱里只有几封邮件,跟踪每件事可能不会太难。

然而,对大多数人来说,情况并非如此(尤其是当你正在远程工作时)。你可能有很多电子邮件,即使最好的谷歌工作区设置和世界上所有有用的 Gmail 插件有时也救不了你。

Gmail 是最受欢迎的电子邮件平台,在全球拥有超过 15 亿用户,其中 26%的邮件是在 Gmail 中打开的。邮件真多。

Email client usage statistics

Email client usage statistics

Gmail 搜索运营商为您节省时间。不要浏览你所有的信息只是为了找到你要找的那一条,只要使用一个操作符就可以了。

使用这些 Gmail 搜索命令,您可以快速:

  • 搜索来自特定发件人的邮件
  • 查找发送给某个人的电子邮件
  • 搜索特定关键字
  • 还有更多。

您还可以将多个搜索操作符串在一起,以获得更具体的结果(稍后将详细介绍)。

string together multiple search operators to get even more specific results

How to string together multiple search operators to get even more specific results

Gmail 搜索运营商的一个缺点是

Gmail 搜索运营商能够并将会为您节省时间。只有一件事可以阻止它们工作,它与 SMTP 端口有关。

让我解释一下:

如果你通过 Gmail 帐户访问你的电子邮件,你可以自由地使用这些操作符来查找电子邮件。

但是,如果您有一个使用 Gmail 应用程序配置的 IMAP 帐户,Gmail 搜索操作的结果可能不准确。

当你在收件箱里寻找丢失的重要邮件时,请记住这一点。

想掌握自己的收件箱?💪然后你需要 Gmail 搜索操作员。通过本指南了解更多关于这些省时工具的信息⚡️ 点击推文

如何使用 Gmail 搜索运算符

使用 Gmail 搜索操作非常简单。只需点击搜索框(位于您的收件箱上方)并输入您的运营商:

Using search commands in Gmail

Using search commands in Gmail

输入您的搜索操作符或关键字来搜索您的收件箱邮件-就像谷歌搜索一样。

从这里开始,只要使用你需要的任何操作符来过滤你的 Gmail 搜索结果。您还可以结合多个 Gmail 搜索操作符来进一步过滤您的搜索结果。

Gmail 搜索功能解释

您记得的关于该电子邮件的任何信息都可以添加到建议的参数之一:

  • 发件人(谁给你发的邮件)
  • (实际收到邮件的人)
  • 主题(电子邮件主题的名称)
  • 有文字(您记得电子邮件内容中的任何文字)
  • 没有(任何你知道邮件不包含的内容)
  • 有附件(如果电子邮件有附件或图片)
  • 不包括聊天(排除任何聊天对话)
  • 大小(邮件的大小)
  • 日期在以内(时间范围从一天到一年)
  • 搜索(您想要包含的文件夹)

有用的 Gmail 搜索运算符

以下是您可以在搜索栏中键入的上述参数的快捷方式:

  • -【术语】–排除带有特定术语的电子邮件
  • (术语或短语)–搜索特定的单词或短语
  • +(单词)–搜索包含精确单词的电子邮件
  • 之后:(日期)–搜索特定日期当天或之后发送的电子邮件
  • Before:(date)–搜索在特定日期之前发送的电子邮件
  • 密件抄送:(姓名)–搜索发送给某个特定人的电子邮件
  • 抄送:(姓名)–搜索抄送特定姓名的电子邮件
  • 类别:(类别名称)–在类别中搜索电子邮件
  • 文件名:(文件名)或(文件类型)–搜索特定文件或文件附件类型
  • 在:(文件夹)或(标签)–在该文件夹或标签中搜索电子邮件
  • 主题:(单词)或(短语)–搜索包含该单词或短语的电子邮件
  • In:anywhere–在您的任何 Gmail 文件夹中搜索电子邮件

这些是编写 Gmail 搜索操作符的参数,但让我们来看看一些实际应用:

20 个高级 Gmail 搜索操作符(你会想用的)

把 Gmail 搜索操作符想象成在收件箱中快速查找东西的快捷方式。

想要领先一步吗?

查看以下有用的 Gmail 搜索操作符列表,帮助您准确找到您需要的内容:

1.查看特定人员发送的所有电子邮件的列表

View A List Of All Emails Sent By A Specific Person

How To View A List Of All Emails Sent By A Specific Person

to:me from:[email]

如果您想查看某个特定人发送给您的所有电子邮件的列表,请使用此搜索运算符。当您开始在 from:后键入姓名时,来自您公司和 Google 联系人的建议联系人将出现在搜索栏下方。单击一个联系人以填写其电子邮件地址。

举例:

to:me from:[[email protected]](/cdn-cgi/l/email-protection#97fdf8fff9d7f2eff6fae7fbf2e0f2f5e4fee3f2b9f4f8fa)

2.查看发送给特定人员的所有电子邮件列表

View A List Of All Emails Sent To A Specific Person

How To View A List Of All Emails Sent To A Specific Person

from:me to:[email]

如果您想要回复发送到特定电子邮件地址的电子邮件,请使用此 Gmail 搜索运算符。您可以使用带有特定电子邮件地址的运算符,也可以键入联系人的姓名。

在后一个版本中,您会看到一个列表,列出了以这个名字发送给任何人的电子邮件。

举例:

to:[[email protected]](/cdn-cgi/l/email-protection#0a606562644a6f726b677a666f7d6f6879637e6f24696567)

3.查找您发送给特定字段中收件人的电子邮件

Find Emails That You Sent To Recipients In A Particular Field

How to Find Emails You Sent To Recipients In A Particular Field

cc:[email/name]
T1】

发件人和收件人搜索不适用于“抄送”或“密件抄送”字段。要搜索这些区域,有单独的搜索操作符。使用 cc:或 bcc:运算符查看在这些特定字段中发送的电子邮件列表。

举例:

cc:John
T1】

4.从特定邮件列表中查找邮件

Reach Messages From Specific Mailing Lists

How to Reach Messages From Specific Mailing Lists

list:[mailing list]

要列出来自特定邮件列表的消息,使用 list 命令,后跟邮件列表的地址。

举例:

list:[[email protected]](/cdn-cgi/l/email-protection)

5.根据邮件中的关键字访问邮件

Access The Emails According To The Keywords In Them

How To Access The Emails According To The Keywords In Them

[keyword]

Gmail 中最基本的搜索是当你不使用任何运算符时,只需在搜索栏中键入一个关键字。

例如,如果您知道您的电子邮件中某处有一个特定的单词,或者如果您有兴趣搜索某个主题,只需在搜索栏中键入该单词或短语,然后按回车键。

举例:

meeting

6.列出包含确切关键字的电子邮件

List The Emails Containing Exact Keywords

How To List The Emails Containing Exact Keywords

“[keyword1] [keyword2]”

如果您要搜索的短语包含多个单词,请使用“…”引号开始精确搜索。这将只返回准确包含引用短语的电子邮件。

举例:

“meeting agenda”

7.根据主题行中的单词访问电子邮件

Access The Emails According To The Words In The Subject Line

How To Access The Emails According To The Words In The Subject Line

subject:[keyword]

你可以通过邮件主题的内容来搜索邮件。通过使用 subject:运算符,后跟您想要查找的单词或短语,您可以只在主题行中进行搜索。

举例:

subject:weekly

8.查看包含文件附件的所有电子邮件列表

View A List Of All Emails That Contained A File Attachment

How To View A List Of All Emails That Contained A File Attachment

has:attachment

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

您只能搜索带有带有 has:attachment Gmail 搜索运算符的附件的邮件。Gmail 会过滤您的电子邮件,只显示包含任何类型文件附件的邮件,而不考虑文件类型或格式。

该 Gmail 搜索操作符将显示高级搜索过滤器:

Pre-load search filters in Gmail

Pre-load search filters in Gmail

只需选择您想要查看的附件类型,Gmail 就会相应地自动过滤您的收件箱。

举例:

has:attachment

9.查找包含特定类型文件附件的电子邮件

Find Emails That Contained A Specific Type Of File Attachment

How To Find Emails That Contained A Specific Type Of File Attachment

has:[file type]

如果你使用 Google Drive 并且经常发送这样的文件,你可以使用几个搜索操作符来搜索特定的 Google Drive 附件。“has: drive”将向您显示任何带有任何驱动器附件的电子邮件。

但是你也可以专门使用“has: spreadsheet”作为 Google 电子表格附件,“has: document”作为 Google Docs 文档,“has: presentation”作为 Google Slides 幻灯片演示。

举例:

has:drive
has:spreadsheet
has:document

10.列出包含 YouTube 视频的电子邮件

List Emails That Contain YouTube Videos

How to List Emails That Contain YouTube Videos

has:youtube

要搜索包含 YouTube 视频的消息,请使用 searach 操作符 has:youtube。这将只显示包含嵌入 YouTube 链接的的电子邮件。

YouTube links in emails

YouTube links showing in emails

举例:

has:youtube

11.按文件名或文件类型搜索电子邮件标签

Search Emails Labels By Filename Or File Type

How To Search Emails Labels By Filename Or File Type

label:[label] filename:[name/extension]

文件名:Gmail 搜索操作符可用于搜索其名称中带有特定标题或特定扩展名附件的电子邮件。

例如,如果您记得一封电子邮件有一个带有特定名称的附件,那么您可以使用这个操作符轻松地找到它。你也可以回复任何带有某种扩展名的邮件。

您也可以通过结合标签操作符将搜索集中到特定的电子邮件标签,如标签:重要文件名:pdf

Specific files showing in Gmail

How to see specific files in your Gmail inbox

例如:
label:Work filename:pdf

label:Important filename:pdf

厌倦了 WordPress 的问题和缓慢的主机?我们提供世界一流的支持,由 WordPress 专家提供 24/7 服务和超快的服务器。查看我们的计划

label:Home filename:example.txt

12.从特定位置回复电子邮件

Return Emails Stored In A Specific Location

How To Return Emails Stored In A Specific Location

in:[label]

使用 in: search 运算符在特定文件夹中查找电子邮件,例如,垃圾邮件文件夹或您创建的任何自定义文件夹。您还可以使用 in: Gmail 搜索运算符,后跟“anywhere”来搜索您的整个 Gmail 历史记录。

例如:
in:spam

in:trash

13.回复特定类别的电子邮件

Return Emails In A Specific Category

How To Return Emails In A Specific Category

category:[category]

您可以返回 Gmail 帐户中某个类别的邮件,并在后面加上类别:搜索运算符和类别名称。

例如:
category:primary

category:social

14.查找标记的邮件

Find Marked Messages

How To Find Marked Messages

is:[mark]

您可以在 Gmail 帐户中搜索具有特定状态的电子邮件。只要将条件放在 is: search 操作符之后,就可以返回这些标记的消息。

例如:
is:starred

is:unstarred

is:snoozed

is:read

Is:unread

15.查找特定时间段的邮件

Find Messages From A Certain Time Period

How To Find Messages From A Certain Time Period

before:[date]

newer:[date]

older:[date]

after:[date]

如果您正在查找某个时间段的消息,您可以使用命令 before: and after:来查找在特定日期之前或之后发送的电子邮件。

或者,你可以用旧的:代替之前的:和新的:代替之后的:因为它们实际上是一样的。必须以 yyyy-mm-dd 的日期格式给出日期。

例如:
before:2020-03-01

16.通过特定标签查找邮件

Find Messages By A Specific Label

How To Find Messages By A Specific Label

label:[label name]

您可以过滤具有特定标签的电子邮件。为此,请使用 label: Gmail 运算符,后跟您要搜索的标签的名称。

例如:
label:urgent

17.从搜索结果中删除一些邮件

Remove Some Messages From The Search Results

How To Remove Some Messages From The Search Results

-[keyword]

您可以在单词前使用减号,从搜索中删除一些不需要的邮件。该操作符将排除您在减号后键入特定关键字的任何电子邮件。

例如:
-newsletter

18.查找超过一定大小的邮件

Reach Messages That Exceed A Certain Size

How to Find Find Messages That Exceed A Certain Size

size:[size]

如果要列出超过一定字节数的消息,请使用 size:运算符,后跟字节数。这样,Gmail 将返回所有附件或内容大于您搜索的邮件大小的邮件。

您也可以使用缩写,例如,15M 代表 15000000。

例如:
size:100000

19.列出包含多个条件的电子邮件

List Emails That Include Multiple Conditions

How To List Emails That Include Multiple Conditions

[operator:value 1] AND [operator:value 1]

您可以组合多个条件,创建更具体、更准确的搜索。AND Gmail 运算符确保运算符:值对都适用于您的搜索。

使用以空格分隔的两个条件,并且不使用 and 运算符,会得到相同的结果。

例如:
to:[[email protected]](/cdn-cgi/l/email-protection#ea80858284aa8f928b879a868fc4898587) AND has:attachment

20.列出符合其中一个条件的电子邮件

List Emails That Comply With One Of The Conditions

How To List Emails That Comply With One Of The Conditions

[operator:value 1] OR [operator:value 1]

在两个 operator:value 对之间放置 OR 将返回满足两个条件之一的电子邮件列表。

例如:
to:[[email protected]](/cdn-cgi/l/email-protection#32585d5a5c72574a535f425e571c515d5f) OR list:[[email protected]](/cdn-cgi/l/email-protection#8ae3e4ece5caeff2ebe7fae6efa4e9e5e7)

Step up your email management skills with Gmail search operators. 📩 #InboxZero awaits. 💥Click to Tweet

摘要

现在你知道如何使用 Gmail 搜索操作符了。希望你迷失在收件箱里的日子结束了。

有了这些功能,Gmail 可以让你在管理收件箱和发送电子邮件方面变得超级高效。将这些 Gmail 搜索操作符与一些可靠的方法结合起来查找电子邮件地址,你很快就会成为一名电子邮件专家。

延伸阅读:谷歌搜索运营商:2021 年要知道的 40 个命令


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何使用 Gmail SMTP 服务器免费发送电子邮件

原文:https://kinsta.com/blog/gmail-smtp-server/

大多数人都知道 Gmail 简洁的界面和有用的功能,比如搜索操作符和 T2 插件。但是你也可以用 Gmail 做更多的事情:Gmail SMTP 服务器。

有了 Gmail SMTP 服务器,你将能够使用其他电子邮件客户端,如 Outlook 或 Thunderbird,从你的 Gmail 帐户发送电子邮件。但更重要的是,你还可以使用 Gmail 的 SMTP 服务器从你的 WordPress 网站发送电子邮件。免费!

这是一个非常好的方法,可以让你的 WordPress 网站的邮件更加可靠,而不需要花钱购买专门的邮件发送服务。Gmail 可以让你每天给发送多达 500 封邮件,这对绝大多数 WordPress 网站来说绰绰有余。

在本帖中,我们将涵盖你需要了解的关于 Gmail SMTP 服务器的一切,包括:

查看我们的视频指南,免费使用 Gmail SMTP 服务器发送电子邮件

如何找到 Gmail 的 SMTP 服务器

让我们从最重要的问题开始 Gmail SMTP 服务器是什么?

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

要查找 Gmail SMTP 服务器,您可以使用以下详细信息:

  • Gmail SMTP 服务器地址:smtp.gmail.com
  • Gmail SMTP 名称:您的全名
  • Gmail SMTP 用户名:您的完整 Gmail 地址(例如【电子邮件保护】)
  • Gmail SMTP 密码:您用来登录 Gmail 的密码
  • Gmail SMTP 端口(TLS): 587
  • Gmail SMTP 端口(SSL): 465

还有一些其他常见的(但不是通用的)Gmail SMTP 设置,您可能会在尝试设置时发现。如果你遇到这些问题,以下是如何回答的:

  • 需要 SSL :是
  • 需要 TLS :是
  • 要求认证/使用认证:是
  • 需要安全连接/使用安全连接:是

您是否充分利用了您的 Gmail 帐户?🤔有了 Gmail SMTP 服务器,你可以从你的 WordPress 网站发送电子邮件...免费的!💥在此了解更多信息👇 点击推文

Gmail SMTP 服务器常见问题

在深入探讨之前,我们先来回答一些关于 Gmail SMTP 服务器的常见问题。

Gmail SMTP 服务器地址是什么?

正如我们上面详述的,默认的服务器地址是smtp.gmail.com。您可以使用完整的 Gmail 电子邮件地址和 Google 密码登录。

我可以使用 Gmail SMTP 服务器发送电子邮件吗?

是啊!你可以。如果您正在使用其他电子邮件客户端,如 Thunderbird 或 Outlook,您可以使用 Gmail SMTP 服务器详细信息来通过您的 Gmail 帐户发送电子邮件。

但是,记住 SMTP 只是用来发送电子邮件的。如果你想在另一个电子邮件客户端接收 Gmail 账户的邮件,你需要使用 POP3 或 IMAP。你可以打开 Gmail 设置,进入转发和 POP/IMAP 选项卡,找到这些设置。
T3】

我可以使用 Gmail SMTP 服务器发送 WordPress 交易邮件吗?

也是!WordPress 发送许多基本的事务性电子邮件,如密码重置、通知等。你可以使用 Gmail SMTP 服务器发送所有这些电子邮件。

只需一个免费的 Gmail 账户,你每天就可以发送多达 500 封电子邮件,这远远高于其他免费 SMTP 服务器的限制。

如果你有一个付费的 Google Workspace 账户(以前的 G Suite) ,Google 会把你的限额提高到更高,让你每天最多发送 2000 封电子邮件。你也可以用你自己的自定义域名而不是你的 Gmail 地址发送电子邮件。也就是说,你可以从 【邮件保护】 而不是 【邮件保护】 发送。为此,您还需要设置 Google Workspace MX 记录,将您的 Google Workspace 帐户连接到您的自定义域名

注意:从技术上讲,发送限制不是“每天”。相反,这些限制适用于“连续 24 小时”。例如,你不能在周一晚上 11:59 发送 500 封电子邮件,然后在周二上午 12:01 发送另外 500 封电子邮件。

Gmail SMTP 服务器仍然支持双因素身份验证吗?

是啊!即使您已经在 Google 帐户上启用了双因素身份验证,也可以使用 SMTP 服务器。但是,您需要生成一个应用程序密码,以便应用程序仍然可以连接。

您可以在登录您的 Google 帐户时通过访问此页面来生成应用程序密码。

然而,如果你想使用 Gmail 的 SMTP 服务器来发送你的 WordPress 站点的邮件,我们不推荐使用这种方法。相反,你应该使用 Gmail API 方法,我们将在下面的教程中详细介绍。这使您可以使用 Gmail 的 API 发送电子邮件,而不仅仅是输入 SMTP 服务器的详细信息,这也有利于避免双重身份验证的问题。

如何配置 WordPress 通过 Gmail SMTP 服务器发送电子邮件

现在,让我们来看看如何使用 Gmail SMTP 服务器免费发送 WordPress 网站的交易邮件。这种方法非常有效,与使用默认的 PHP 邮件方法相比,它将提高你的网站邮件的可靠性。

**要设置这个,你需要创建一个谷歌应用程序,这样你就可以通过 API 连接到 Gmail SMTP 服务器,而不仅仅是插入 SMTP 细节。做这件事需要很多步骤。这只是一次性的设置过程。也就是说,一旦你花了 30-60 分钟来完成这个设置,你的网站将继续自动受益。

除了创建谷歌应用,你还需要 WordPress SMTP 插件的帮助。我们将使用免费的 Post SMTP 邮件/电子邮件日志插件,但免费的 WP 邮件 SMTP 插件也是另一个支持 Gmail API 的好选择。

基本流程如下:

  1. 安装 Post SMTP 邮件程序/电子邮件日志插件(您需要首先这样做,以获得在您的 Google 应用程序中使用的 URL)。
  2. 创建一个谷歌应用。这是整个过程中最复杂的部分,但是我们会指导你完成每一步。
  3. 将您的 Google app API 密钥添加到 Post SMTP Mailer/Email 日志设置中。
  4. 发送一封测试邮件以确保一切正常。

注意—本教程重点介绍如何使用免费的 Gmail 帐户。但是,您可以按照类似的过程来配置您的网站,通过您的 Google Workspace (G Suite)帐户发送电子邮件。

1.安装和配置 Post SMTP 邮件程序/电子邮件日志

要开始使用,你需要安装并激活来自 WordPress.org 的免费 Post SMTP 邮件/电子邮件日志插件。这可以让你配置你的 WordPress 站点通过 Gmail API/SMTP 服务器发送邮件。

激活插件后,进入你的 WordPress 仪表盘中的 Post SMTP 标签,点击大启动向导按钮下面的显示所有设置链接。

然后,转到消息选项卡,设置您的“发件人”电子邮件地址和姓名。您可以使用您的 Gmail 地址作为“发件人”电子邮件,或者如果您愿意,也可以使用不同的电子邮件地址。

接下来,回到账户标签,在类型下拉列表中选择 Gmail API 。做出这个选择后,您应该会在下面的认证框中看到一些附加选项。保持此页面打开,因为在下一步中您将需要授权的 JavaScript 起源授权的重定向 URI 细节:

Choose the Gmail API option

Choose the Gmail API option

2.创建您的 Google 应用程序

现在,你需要创建一个谷歌应用程序。这使得你的 WordPress 站点可以通过 Gmail API 安全地发送邮件。同样,这肯定是这个过程中最复杂的部分。然而,它主要只是点击许多按钮,我们会给你所有的步骤/截图,你需要通过它。

创建项目

首先,打开一个新的标签,然后复制这个 URL,进入 Google 开发者控制台。在那里,您需要创建一个新项目。如果这是你第一次登录开发者控制台,Google 会提示你创建你的第一个项目。或者,如果您已经有一些项目,您可以通过单击左上角的下拉菜单创建一个新项目(在下面的截图中用[1]标记)。

Create a new Google Developers project

Create a new Google Developers project

启用 Gmail API

一旦创建了项目,单击按钮启用 API 和服务(如上面的截图所示)。

在下一个屏幕上,搜索“Gmail”并选择 Gmail API 结果:

Search for the Gmail API

Search for the Gmail API

然后,在完整的 Gmail API 页面中点击启用:

Enable the Gmail API

Enable the Gmail API

创建凭据

现在,您应该处于 Gmail API 的专用界面中。点击按钮创建凭证:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Create credentials for the Gmail API

Create credentials for the Gmail API

使用以下信息填写了解您需要什么凭证表格:

  • 您使用的是哪种 API? Gmail API
  • 您将从哪里调用 API?网络浏览器(JavaScript)
  • 您将访问哪些数据?用户数据

完成后,单击我需要什么凭证?按钮在底部。

Fill out credentials form

Fill out credentials form

设置同意屏幕

现在,谷歌会提示你需要设置一个同意屏幕。这与您使用 Google 注册/登录网站时看到的授权屏幕类型相同。

你需要这样做来满足 Google 的要求,但是你不需要担心你输入的信息,因为你只会在你自己的 WordPress 站点上使用它。

点击按钮设置同意画面:

The prompt to create an OAuth consent screen

The prompt to create an OAuth consent screen

这将打开一个新的选项卡,您可以在其中配置一个 OAuth 同意屏幕(将原来的浏览器选项卡放在手边,因为您需要马上返回到它)。在用户类型下,选择外部。然后,点击创建:

Create an external consent screen

Create an external consent screen

在下一个屏幕上,输入您站点的基本详细信息。同样,你不需要担心你在这里放了什么,因为你是唯一一个会看到这些信息的人。

Configure the consent screen

Configure the consent screen

添加完信息后,点击底部的保存

完成将凭据添加到项目中

现在,返回到包含Add credentials to your project界面的选项卡,并输入以下信息:

  • 名称——你的网站名称(或者其他容易记住的名称)。
  • 授权的 JavaScript 起源–你可以在 Post SMTP Mailer/Email Log 插件中找到它(步骤#1)。
  • 授权重定向 URIs–您可以在 Post SMTP 邮件程序/电子邮件日志插件中找到它(步骤#1)。

Create your credentials

Create your credentials

添加完所有内容后,点击刷新。然后,刷新按钮应该变为创建 OAuth 客户端 ID——点击该按钮结束该过程,然后点击完成

厌倦了你的 WordPress 站点缓慢的主机?我们提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。查看我们的计划

现在你差不多完成了!

一旦你点击 Done ,你应该会在你的项目的凭证标签中看到一个 OAuth 2.0 客户端 id的部分(在你点击 Done 后应该会自动打开)。

单击您刚刚创建的名称条目:

Access OAuth 2.0 client IDs

Access OAuth 2.0 client IDs

现在,你只需要找到两条信息:

  • 客户端 ID
  • 客户机密

保持这些值是可访问的,因为您将在下一步中需要它们:

Your Gmail API client IDs

Your Gmail API client IDs

3.添加 Gmail 应用程序客户端 id 以发布 SMTP 邮件/电子邮件日志

要完成设置,回到你的 WordPress 仪表盘中的 Post SMTP Mailer/Email Log 设置,并粘贴上一步中的客户端 ID客户端密码。然后,确保保存您的更改:

Add Gmail API client IDs to WordPress

Add Gmail API client IDs to WordPress

然后,插件应该提示您授予 Google 的权限:

Grant permission to Google

Grant permission to Google

单击该链接将打开正常的 Google 授权过程(同样,就像您使用 Google sign-on 注册一个网站一样)。然而,因为你没有将你的应用程序提交给谷歌进行审查,谷歌会向你显示一个警告“此应用程序未经验证”。

因为这是您自己的应用程序,所以您可以安全地忽略该警告。单击选项以显示高级设置,然后单击转到“yourwebsite.com”(不安全)链接继续授权过程:

Ignore the warning to continue

Ignore the warning to continue

你现在要走正常程序。确保选择选项允许你的 WordPress 站点访问你的 Gmail 账户。它需要这些权限来通过 Gmail SMTP 服务器发送电子邮件。

就是这样!有相当多的步骤,但你现在差不多完成了。

4.发送测试电子邮件

为了确保一切正常,Post SMTP 邮件程序/电子邮件日志包括一个发送测试电子邮件的选项。您可以从主设置页面进行访问:

How to send a test email via the Gmail API

How to send a test email via the Gmail API

您可以输入要向其发送测试消息的电子邮件。

然后,您应该会在插件的设置中看到一条成功消息:

The Success message for your test email

The Success message for your test email

如果你去你的邮箱,你也应该看到一封测试邮件:

The actual email that you should see in your inbox

The actual email that you should see in your inbox

如果一切顺利,你就完了。

你的 WordPress 站点现在将使用 Gmail SMTP 服务器发送所有的邮件。您可以通过进入 Post SMTP →电子邮件日志来确保这一点。这将列出您的站点发送的所有电子邮件(以及插件遇到问题时的任何错误):

How to view a log of the emails that your site sends

How to view a log of the emails that your site sends

Looking for a free and reliable way to send emails from your WordPress site? ✅ Gmail's SMTP server could be the answer. Find all the details in this guide!Click to Tweet

摘要

Gmail SMTP 服务器允许您使用 Gmail 帐户和谷歌服务器发送电子邮件。

这里的一个选择是配置第三方电子邮件客户端,如雷鸟或 Outlook,通过您的 Gmail 帐户发送电子邮件。默认的 Gmail SMTP 详细信息如下:

  • Gmail SMTP 服务器地址:smtp.gmail.com
  • Gmail SMTP 名称:您的全名
  • Gmail SMTP 用户名:您的完整 Gmail 地址(例如【电子邮件保护】)
  • Gmail SMTP 密码:您用来登录 Gmail 的密码
  • Gmail SMTP 端口(TLS): 587
  • Gmail SMTP 端口(SSL): 465

另一个选择是使用 Gmail 来发送你的 WordPress 站点的交易邮件。Gmail 每天有 500 封电子邮件的限制,其免费发送限制明显高于其他免费 SMTP 服务,如 T2 的 SendGrid 或 T4 的 Mailgun。

然而,如果你这样做,你应该通过 Gmail API 发送电子邮件,而不是仅仅使用 SMTP 服务器的详细信息。

虽然设置应用程序使用 Gmail API 确实会增加一些一次性的复杂性,但这是值得的,因为它为您提供了一种可靠和安全的方式来发送网站的电子邮件。

现在你已经准备好了,看看我们的 Gmail 插件列表来提高你的电子邮件效率。

关于 Gmail SMTP 服务器或者如何在 WordPress 上使用它,你还有什么问题吗?在评论里问我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。**

谷歌广告与 AdSense:功能概述和比较

原文:https://kinsta.com/blog/google-ads-vs-adsense/

甚至仅仅听到谷歌广告和 AdSense 的对比也会让人困惑。毕竟,它们都是谷歌服务。两者都有相似的名字。两者都与广告有关。

但是它们到底是什么,是什么让它们与众不同?理论上,很容易将它们混淆。即使你有应用程序、数据库和托管的 WordPress 主机,就像我们在 Kinsta 这里提供的,你仍然需要弄清楚如何自己使用这些平台。

为了消除混淆,我们将定义 Google Ads 和 Google AdSense,对这些广告平台的功能进行直接比较,并讨论它们的用途和工作原理。

我们开始吧!

What sets these two (on the surface, very similar) Google services apart? 👀 Dive in here ⬇️Click to Tweet

什么是谷歌广告?

Google Ads homepage with a headline reading “Reach new customers online with Google Ads” followed by a blurb that says, “Be seen where your customers are searching, browsing, and watching across Google Search, YouTube, and the web. Get the most of your marketing budget with automated solutions from Google Ads.” To the right of this text is a mobile phone overlaid with a Google search result for the phrase, “office supplies.”

Google Ads homepage

Google Ads(以前称为 Google AdWords )是一项服务,广告主可以出价在搜索引擎结果页面(SERPs)或 Google Display Network (GDN)上投放广告,以推动流量回到他们的网站。
根据 W3Techs 的数据,98.4%属于某个已知广告网络的网站使用谷歌广告,占所有网站的 46.1%。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

SERPs 中的广告是基于文本的,通常出现在谷歌关键词的主要搜索结果之上。例如,我们搜索短语“网页设计”,搜索结果中出现了以下谷歌广告:

How Google Ads appear in SERPs. This example shows the results of the phrase “web design,” followed by ads for various web design agencies.

How Google Ads appear in SERPs

相比之下,GDN 的广告位置出现在网站、应用程序以及谷歌展示广告出现的任何地方。

信息

对于广告商和那些开展数字营销活动的人来说,它之所以是一个有吸引力的选择,是因为它可以在最佳时间向极具针对性的潜在客户展示你的广告。

此外,展示广告活动覆盖了 3500 万个网站、应用程序和 YouTube 等谷歌资产。

这些广告可以帮助你找到新客户,或者通过发掘新的受众群来吸引现有客户。该系统旨在通过自动定位过程鼓励更多的点击和转化。

自动定位找到表现良好的受众群体,并在系统认为他们处于销售漏斗的正确阶段时向他们投放广告。您还可以设定各种目标,包括:

  • 促进销售
  • 增加销售线索
  • 增加网站流量
  • 建立品牌意识

该系统依靠机器学习来提供更好的活动结果。

此外,自动竞价会调整在 GDN 中显示的广告的竞价,以保持在您预先确定的预算内,并最大限度地提高您的转化率。

什么是 Google AdSense?

网站所有者可以使用 AdSense 帐户在他们的网站、应用程序和其他空间上放置广告。您可以将网站上的特定区域或网页指定为广告空间。

出版商通过广告空间和展示 AdSense 广告获得佣金。这与我们之前讨论的谷歌广告直接相关:网站所有者和出版商也是谷歌展示网络的一部分。因此,广告商在谷歌广告中竞价的正是出版商网站上的这些位置。

Google AdSense 计划是博客作者从他们的网站赚钱的最主要方式之一,通常与 T2 的联盟营销活动一起使用,以使收入来源多样化。

发行商可以选择多种广告活动显示方式。让我们来看看一些最受欢迎的选项,以及出版商网站上可用的众多类型的广告:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

  • 展示广告
  • 视频广告
  • 游戏广告
  • 匹配内容的原生广告
  • 植入式原生广告
  • 文章内原生广告

定制更进一步。一旦你选择了广告类型,你也可以选择广告尺寸。谷歌建议在大多数情况下使用一些固定的广告尺寸,因为它们预先配置得最好看。

These are the fixed ad size options in Google AdSense for both mobile devices and desktop computers.

Fixed ad size options in Google AdSense

桌面最常见的选项包括:

  • 300 x 250 像素
  • 336 x 280 像素
  • 728 x 90 像素
  • 970 x 90 像素
  • 468 x 60 像素
  • 300 x 600 像素
  • 160 x 600 像素
  • 250 x 250 像素
  • 200 x 200 像素

移动设备的尺寸通常包括:

  • 300 x 200 像素
  • 300 x 50 像素
  • 300 x 100 像素
  • 250 x 250 像素
  • 200 x 200 像素

你也可以选择使用响应式广告,这种广告会自动调整大小以适应网站上分配的空间。
T3】

谷歌广告 vs AdSense

Google Ads 和 AdSense 的主要区别在于,Google Ads 允许广告商投标在出版商网站上投放广告,出价最高的投标人将赢得该位置,而 AdSense 则允许出版商在自己的网站和应用上指定广告位置,以换取佣金。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

让我们来看看谷歌广告和 AdSense 相比还有哪些值得注意的区别。

他们的目的

首先,让我们看看这些平台的主要用途:

  • 你可以使用谷歌广告将流量从谷歌 SERPs 或 GDN 推回你的网站。
  • 相比之下,你可以通过成为 GDN 的发布合作伙伴,使用谷歌广告来增加其他网站的流量。

为什么网站所有者使用它们

现在让我们看看网站所有者为什么使用这些平台:

  • 网站所有者将谷歌广告作为在线广告的一种重要形式,并作为他们搜索引擎优化努力的补充。
  • 网站所有者使用谷歌广告从他们的现有内容中产生另一种收入流。

灵活性和局限性

在我们下一个 Google Ads 和 AdSense 的比较中,让我们看看它们在哪些地方给用户提供了更大的控制权,在哪些地方控制得更紧。

  • 谷歌广告为广告文本提供了极大的灵活性,但对广告在出版商网站上的显示方式有所限制。你在谷歌和 GDN 上一次只能投放一个广告。
  • Google AdSense 不能控制广告中出现的文本,但可以完全控制广告的大小和它们出现在你网站上的位置——以及通过 WordPress 的 AdSense 插件和通用的广告插件提供的众多集成选项。

如果你直接在 MyKinsta 中使用其他谷歌产品,如 Analytics ,添加 AdSense 也很容易。此外,你应该考虑使用性能监控工具,如 Kinsta APM 工具,以确保添加的广告不会降低你网站的速度。

定价

现在,是谷歌广告和 AdSense 的最后一次面对面的比较:两者的相关成本。也就是潜在花出去的钱和赚到的钱。

  • 有了谷歌广告,每当有人点击出现在 SERPs 或 GDN 上的你的广告,你就要支付一笔费用。你为每次点击花费的金额被称为每次点击成本(CPC)。价格由多种方式决定,包括出价金额、广告目前与竞争对手相比的排名以及广告的总体质量分数。这就是为什么具有高度竞争关键词的高度竞争的利基市场比竞争不那么激烈的选择有更高的点击费。而且,有了谷歌广告,你直接什么也赚不到。然而,你的网站通过广告点击获得的提升可以带来新的顾客或客户。确保这些点击到达适当的目标受众是关键。否则,支付 CPC 就相当于把钱扔进下水道。
  • 有了 Google AdSense ,你根本不用花钱。它是完全免费的,因为你为广告商提供了广告空间来推广他们的产品和服务。Google AdSense 可以让你从网站或应用程序上出现的广告的每次点击中赚取佣金。你也可以收到广告展示的佣金。

Ready to learn once and for all how to use these marketing tools for your business? 📈 Get started here ✅Click to Tweet

摘要

我们希望 Google Ads 和 AdSense 之间的比较能让你对这个问题有所了解,并澄清任何关于这些平台之间差异的误解。概括一下,Google Ads 是给广告商的,Google AdSense 是给出版商的。

差不多就是这样!你可以利用这两种方式来推广你的网站,并带来额外的收入。

你可以将你所学到的应用到你的网站上。我们的应用托管数据库托管托管 WordPress 托管计划减轻了网站维护的压力,因此您可以专注于业务的大局。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

Google AMP——如何在 WordPress 中实现

原文:https://kinsta.com/blog/google-amp/

网络在不断发展,对于许多企业主来说,这意味着需要跟上谷歌的所有变化。如果你不适应,这意味着你可能会落后。谷歌 AMP,他们加速网络的移动倡议,现在正接近它的一周年。由于它现在比 6 个月前稳定了很多,我们认为这是一个很好的时机来与你分享如何在 WordPress 中开始使用 Google AMP 的一些步骤,以及这个新平台的一些利弊。

Google AMP 是什么?

Google AMP (加速移动页面项目)最初于 2015 年 10 月启动。该项目依赖于 AMP HTML,这是一个完全基于现有网络技术构建的新的开放框架,允许网站构建轻量级网页。简单地说,它提供了一种方法来提供你当前网页的精简版本。

从第一天起,AMP 的重点就是速度。这可以说是移动网络最令人沮丧的事情之一——最近的谷歌研究证实了这一点,研究显示 53%的人会离开一个在三秒或更短时间内无法加载的网站。对用户、企业、出版商、网站和整个移动网络来说,这是最坏的情况。— David Besbris,谷歌 AMP 项目负责人

根据 Akamai 的最新在线零售业绩报告,每十分之一秒都很重要。即使页面加载时间略微增加到 2.8 秒,转化率也会下降 2.4%。

conversion rates on mobile

Correlation to speed and conversion rates on mobile

在过去的一年里,许多大公司都采用了 Google AMP,包括 WordPress、Reddit、易贝、Pinterest、Washington Post、Wired、Gizmodo 等。根据谷歌的数据,Slate 的每月独立访客增长了 44%,每月独立访客增长了 73%。

当一个页面通过谷歌中的 AMP 提供服务时,它旁边会有 AMP 符号,如下面的纽约时报演示所示。请注意,您必须在移动设备上进行测试。也可以使用 Chrome devtools 中的设备模拟器。结构化数据标记允许谷歌在搜索结果中更突出地呈现你的内容。例如,包含适当标记属性的 AMP 文章可能会在 SERPs 中获得令人垂涎的轮播位置,如下所示。

google amp example

Google AMP carousel

这是纽约时报网站上 AMP 页面的一个例子。正如你所看到的,这是非常基本和简单的,这是 AMP 的目标。这确保它加载速度快,并提供更好的可用性。

google amp single page example

Google AMP page example

与任何新平台一样,你应该权衡利弊,决定它是否适合你的业务或网站。

谷歌放大器的优点

  • AMP 是免费和开源的。
  • AMP 肯定能改善你的 WordPress 站点的加载时间。请记住,速度是一个排名因素。
  • 更好地放置在 SERPs 中,有可能实现更好的 CTR。在一个流行出版商实现中,Google AMP 获得了 600%的点击率
  • Google AMP 强制实施了许多推荐的 web 性能实践,例如防止大型 CSS 和 JS 框架。
  • 会对你的转化产生积极的影响。
  • 在过去的一年里,谷歌做了很多改进,广告选项现在在谷歌 AMP 中很容易找到。这意味着杂志和新的出版物可以保留甚至增加他们的 AdSense 收入。
  • 自动图像优化(甚至转换成 WebP 格式!)
  • AMP Lite 为慢速网络连接引入了进一步的优化。谷歌的字节数总共减少了 45%。

谷歌放大器的缺点

  • AMP 目前不是排名因素,但将来可能是。这可以被看作是正反两方面的。
  • 如果您不是开发人员,AMP 可能很难实现和测试。然而,谢天谢地,WordPress 平台比其他平台要简单一些。
  • 引入全新的独立平台和功能,让您不必担心。简单优化我们的移动网站发生了什么?
  • 可能会伤害或影响你的转换产生负面影响。
  • 有报道称谷歌放大器搞乱了谷歌分析的统计数据。
  • 一些人看到了更差的参与度和更高的跳出率。
  • 仍然可能不支持第三方脚本和应用程序。
  • 一些旧浏览器不支持,如 Internet Explorer 11。他们声明一般来说,他们将支持 Chrome、Firefox、Edge、Safari 和 Opera 等主流浏览器的最新版本。它们支持台式机、手机、平板电脑和各自浏览器的网络视图版本。
  • 阅读 Jan Dawson 的观点,为什么 Google AMP 使发布到网络上变得更加困难,而不是更加容易。
  • 阅读 Alex Kras 关于谷歌 AMP 的一些问题的文章,以及谷歌 AMP 项目技术负责人的回应。
  • Tim Kadlec 分享了他对 Google AMP 的看法以及对更好替代方案的需求:内容性能政策

截至 2017 年 2 月,Google AMP 已经开始显示直接出版商的网址。之前它只显示了从缓存中提供服务的谷歌版本。这从品牌的角度提出了人们的担忧。谢天谢地,谷歌也意识到了这一点,并做出了改变。现在,浏览器的 URL 字段将继续显示一个 Google URL。然而,AMP 标题区域将显示一个链接或链图标,它称之为“锚”按钮。点击这个会让发布者的直接网址出现,这样就可以很方便的复制粘贴了。这仍然不是一个完美的解决方案,但总比没有好。

google amp publisher URL

Img src: Google Developer Blog

这是另一个失去品牌的例子。

不使用谷歌的另一个原因–>你会失去你的品牌:)cc @HuffingtonPost 你可能要考虑一下:)【pic.twitter.com/n3LEHIOEBZ】T2

—赛义德·巴尔基(@ syedbalkhi)2017 年 1 月 19 日

强大数据收集的 14 个最佳谷歌分析替代方案

原文:https://kinsta.com/blog/google-analytics-alternatives/

如果你经营一家网上企业,收集和分析数据绝对是至关重要的。要做到这一点,你需要使用谷歌分析(用一个谷歌分析 WordPress 插件很容易设置),或者谷歌分析的替代品。这是没有办法的。

为什么?

因为作为一名企业家,你可能犯的最大错误是在做重要决定时依赖直觉。

当然,当与人面对面交流时,直觉是非常有价值的。然而,如果你正在经营一家为来自世界各地的成千上万的客户服务的网上企业,并且能够持续不断地为你的网站带来流量,那么你需要明白你根本没有能力独自处理这种复杂程度。

这就是为什么你需要可靠的分析软件来帮助你跟踪相关指标并从所有数据中提取可操作的见解。

谷歌分析主导着市场,但随着隐私成为近年来的热门话题,许多网站所有者正在寻找其他选择。但是有什么好的替代品吗?

答案是:有,有。那么,让我们仔细看看它们吧!

但是首先…

为什么你应该考虑使用谷歌分析替代品

你可能想知道为什么你甚至应该考虑使用谷歌分析的替代品。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

主要有三个原因:易用性、隐私和道德。

1.易用性

GA4(谷歌分析的下一代)是一个强大的分析工具,但也可能很复杂。

如果你不是一个喜欢技术的人,弄清楚如何使用谷歌分析会是一个相当大的挑战。

当然,如果你想了解谷歌分析 4,有一些很好的资源可以帮你做到这一点。

但是,作为一名企业主,你需要问问自己,花几周时间学习 GA4 是否是对时间的最佳利用。你可能想考虑一个更简单的分析平台。

2.隐私

谷歌最出名的是“免费”产品:谷歌搜索控制台Gmail 、Chrome、谷歌文档谷歌分析等。

但是,让我们不要忘记,谷歌不是一个非营利组织。他们不是出于好心而免费赠送这些产品。

根据 Statista 的数据,2021 年公司收入超过 2560 亿美元:

Chart showing Google's revenue worldwide from 2002 to 2021

Google’s revenue worldwide from 2002 to 2021 (Image source: Statista.com)

那么这些钱是从哪里来的呢?

其中大部分,具体来说是 2090 亿美元,来自广告收入。他们从哪里获得帮助广告商锁定理想客户的信息?

答案是:你。

谷歌获取你给他们的数据,并利用这些数据对他们展示给你的广告进行个性化处理,使你更有可能点击它们。

表面上看,这听起来没那么糟糕。如果他们无论如何都要给你看广告,他们也可以让它们相关,对吗?

然而,你越想,这整件事就变得越令人不安。

您的浏览器历史记录。你的搜索历史。你的 YouTube 历史。您的位置历史记录。你的邮件。谷歌什么都有。

有一个用来消除隐私担忧的常见论点是这样的:

“好吧,如果你没做错什么,那你就没什么好担心的!”

但是,即使你没有什么可耻的事情要隐藏,想要维护你的隐私也是完全正常的。

所以问题是,为了获得谷歌的“免费”产品,你愿意牺牲多少隐私?

你可能想仔细看看谷歌的隐私政策,看看你是否对此感到满意。此外,不要忘记,如果你使用谷歌分析,你必须有一个隐私政策

3.伦理学

人们越来越担心谷歌多年来获得的权力。事实上,谷歌拥有搜索市场近 90%的份额:

Search Engine Market Share Worldwide

Search Engine Market Share Worldwide

这意味着它的搜索算法在某种程度上塑造了公众对世界的认知。你能想象谷歌因此受到的影响吗?

你可能会认为这不应该是一个问题,因为搜索算法的全部意义在于显示最相关的搜索结果。这是真的,但有时谷歌似乎忘记了这一点,更喜欢他们的市场领导者地位。

谷歌高管 Jen Gennai 最近发布了一份声明,声明如下:

“谷歌一再表明,它致力于成为一个值得信赖的信息来源,不考虑政治观点。事实上,谷歌在其排名中没有政治意识形态的概念。我所看到的一切都支持这一点。

因此,如果你不喜欢谷歌作为搜索引擎的运作方式,你应该知道有很多可供选择的搜索引擎可以使用。

但是谷歌分析呢?

14 大谷歌分析备选方案

让我们仔细看看谷歌分析竞赛。

静态计数器

Statcounter

Statcounter

StatCounter 于 1999 年由当时年仅 16 岁的 Aodhán Cullen 创立。

他们的任务是:

“帮助我们的会员更容易理解他们的访问者,这样他们就可以做出正确的决定,在网上变得更加成功。”

主要功能包括流量分析,可让您跟踪最重要的指标;付费流量分析,可帮助您改进付费广告活动;访客提醒,可在重要访客再次访问网站时向您发送通知。

还有一个方便的报告功能,你可以设置每天,每周或每月的报告,其中最重要的数据直接发送到你的收件箱。

StatCounter 的定价基于您需要的日志空间:

StatCounter pricing

StatCounter pricing

值得注意的是,StatCounter 已经经营了 20 年,所以它们不太可能很快破产。

测量

Google Analytics alternatives: gauges

Gauges

Gauges 是一款实时分析工具,可跟踪最重要的流量指标。它可以让你看到独立访问者的数量,页面浏览量,热门内容,地理数据等。

如果您想要的只是简单易用的基本分析软件,那么 Gauges 是值得考虑的。这款分析工具有免费和付费两种解决方案(起价 500 美元/年)。

简单分析

Google Analytics alternatives: Simple Analytics

Simple Analytics

简单分析专注于提供“简单、干净和友好的分析”,同时尊重人们的隐私。简单分析创始人 Adriaan van Rossum 解释道:

“我越来越关心个人隐私。大公司追踪一切而不承担任何后果。这必须停止。另外,在追踪你自己的访客时,你真的需要 500 页的图表吗?”

软件仅跟踪这些指标:

  • 浏览量。
  • 推荐人。
  • 首页。
  • 屏幕尺寸。
  • 浏览器。
  • 国家。

下面是简单分析仪表板的外观:

Simple Analytics dashboard

Simple Analytics dashboard

如你所见,当他们说“简单”时,他们是真心的。流量分析没有比这更简单的了。

有三个定价等级:每月 9 美元的入门计划、每月 49 美元的商业计划和定制企业计划。这使得它成为谷歌分析的一个非常实惠的替代品,也是不太倾向于技术的人的理想选择。

Simple Analytics pricing

Simple Analytics pricing

简单分析也得到了 RemoteOK 和 NomadList 创始人、《Make book:

如果你已经厌倦了让你的用户被大公司追踪,你应该尝试简单的分析。这是一个极简主义和隐私友好的谷歌分析,没有跟踪。”

Fathom 分析公司

Google Analytics alternatives: Fathom

Fathom

Fathom 是另一家提供尊重人们隐私的分析软件的公司。

公司创始人杰克·埃利斯和保罗·贾维斯想:

“通过提供一种易于使用的现代分析工具,让互联网变得更好、更私密,并尊重和保护网民的隐私。”

它只跟踪这些指标:

  • 独特的访客。
  • 浏览量。
  • 平均现场时间。
  • 跳出率。
  • 首页。
  • 热门推荐人。
  • 国家、设备类型、浏览器。
  • 用户设定目标。

这是他们的仪表板的样子:

Fathom dashboard

Fathom dashboard

有三个定价等级:每月 14 美元的标准计划、每月 44 美元的商业计划和每月 114 美元的企业计划。

Fathom pricing

Fathom pricing

Fathom 也有一个政策,如果你超过了查看限制,不会暂停帐户:

“相反,我们会查看三个月的滚动平均值,并根据持续的超额情况,而不仅仅是偶尔的流量高峰,向您发送电子邮件通知升级时间。”

这很有帮助,因为如果你只达到一次月限额,很高兴知道你不会仅仅因为(希望的)高峰而被收取额外的费用。

Clicky

clicky

Clicky

Clicky 提供分析软件,不仅可以跟踪关键指标,还可以让你看到你的访客的行动,使用热图,监控正常运行时间,等等。

他们是分析领域的老牌企业,他们的软件目前在 1,192,960 个网站上使用。

有五个定价等级:免费计划、9.99 美元/月专业计划、14.99 美元专业升级计划、19.99 美元/月专业白金计划和定制计划。不是最简单的定价,如果你问我的话。

clicky pricing

Clicky pricing

如果你能把他们过时的网站设计放在一边,Clicky 的软件就能完成这项工作。点击这里查看演示:

clicky dashboard

Clicky dashboard

Matomo

Google Analytics alternatives: matomo

Matomo

Matomo ,以前被称为 Piwik ,提供强大的分析软件,同时也考虑到隐私问题(顺便说一下,“Matomo”在日语中是“诚实”的意思)。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

他们的任务是:

“通过革命性的分析平台,引领人们重新掌控自己的数据。”

他们是分析行业值得信赖的名字,他们的软件在 190 多个国家的 140 万个网站上使用。该软件有各种各样的功能,从分析和转换优化到访问者配置文件。

Matomo 更有趣的卖点之一是他们不使用数据采样:

matomo's no data sampling

Matomo & data reporting

基本上,数据采样意味着你从数据中抽取一个样本,对其进行分析,然后将你的发现推断到其余的数据中。谷歌是这样解释数据采样的:

例如,如果你想估计一个 100 英亩的地区的树木数量,那里的树木分布相当均匀,你可以计算 1 英亩的树木数量,然后乘以 100,或者计算半英亩的树木数量,然后乘以 200,从而得到整个 100 英亩的精确表示

虽然在特定流量阈值后使用数据采样可以为谷歌节省大量资金,但如果你想要准确的粒度级数据,这并不完全理想。

Matomo 不使用这种统计分析方法来削减成本。他们实际上分析所有的数据,所以你可以确定你所看到的与现实相符。

有三个定价等级:每月高达 50k 的页面浏览量,您有每月 19 美元的基本计划,每月 29 美元的商业计划和定制企业计划:

matomo pricing

Matomo pricing

此外,马托莫对自己在隐私问题上的立场感到自豪:

Matomo 的数据所有权理念很简单:你拥有自己的数据,而不是别人

这听起来太对了,不是吗?

乌拉巴

woopra

Woopra

Woopra 成立于 2012 年,当时的想法是需要一种能够捕捉整个用户旅程的分析软件。

从那时起,该软件已经发展成为一个强大的分析平台,其口号是:

“可视化并优化客户旅程的每一步。”

Woopra 不仅仅向您展示指标,它还帮助您理解这些数字之间的关系。这对于那些精通技术并希望比其他 Google analytics 替代品更深入地了解他们的数据的用户来说是非常理想的。

Woopra data tracking

Woopra data tracking

该软件提供对客户行为的洞察,并允许您改善客户体验。它包括诸如细分、功能使用分析、bug 和错误监控、趋势报告等功能。

有三个定价等级:免费核心计划、每月 999 美元专业计划和定制企业计划。

Woopra pricing

Woopra pricing

Woopra 是一个很棒的分析软件,它可以帮助 SaaS 企业家了解他们的产品哪些有用,哪些没用。

许多

Heap

Heap

Heap 的软件捕捉所有网络、移动和云交互,并分析这些数据。他们专注于通过行为数据帮助你理解客户行为

这是一个先进的工具,所以你需要一些技术知识来充分理解他们的卖点(追溯分析,虚拟事件等)。).

与宕机和 WordPress 问题做斗争?Kinsta 是一款考虑到性能和安全性的托管解决方案!查看我们的计划

Heap 主要致力于服务三个行业的企业:电子商务、金融服务和 SaaS

他们提供三个价格等级:免费计划、启动计划和定制企业计划。所有计划都包括 14 天的免费试用,因此您可以毫无风险地试用他们的软件:

Heap pricing

Heap pricing

注意:我确信他们正在测试一些东西,因为几个月前启动计划的价格是可见的,启动计划的价格是 499 美元。

Heap 有 6000 多个客户,其中有一些大公司,如 Microsoft、Atlantic、Casper、Freshworks 等。

他们也得到了一些顾客的高度赞扬。例如,微软高级营销经理 Abhishek Ratna 对 Heap 的评价如下:

“通过使用堆而不是设计多个 ETL 作业来组合来自不同工具的数据,我们已经能够节省数小时和数周的工作。一切都开箱即用。”

对于那些寻找高级分析软件的人来说,Heap 是一个很好的工具,这种软件迎合了那些了解数据的人。

戈斯夸德

GoSquared

GoSquared

GoSquared 的目标是提供软件,让你了解你的客户并与他们交谈。他们解释:

“我们认为,你不应该需要 20 种不同的工具来了解客户和与客户交谈,一个紧密集成、精心设计的平台从根本上来说更适合所有企业及其客户,”

GoSquared 提供三种产品:分析、实时聊天和客户数据中心。他们的分析工具具有多种功能,包括实时 web 分析仪表板、帮助您估计未来流量的智能预测、每日电子邮件报告等:

GoSquared dashboard

GoSquared dashboard

也有很多集成可用,包括 TwitterSlackZapierShopify 等等。

这是一个可靠的分析工具,易于设置和使用,这使得它非常适合那些不喜欢摆弄技术,宁愿在分析上花更少时间,而在业务上花更多时间的人。

你可以开始免费使用 GoSquared 的分析软件,然后随着流量的增长进行升级。如果您选择套房,价格从每月 79 英镑(每月 96 美元)开始:

GoSquared pricing

GoSquared pricing

例如,使用 Analytics 产品,如果你的网站浏览量超过 1000 次,你将被要求每月支付 29 英镑(24 美元):

GoSquared montly price

GoSquared monthly price

Hitsteps

Hitsteps

Hitsteps

Hitsteps 通过热图、页面分析、公司简介、简介可视化、报告等功能提供实时分析。

有五个价格等级:免费计划、每月 4.99 美元的入门计划、每月 9.99 美元的基本计划、每月 21.99 美元的专业计划和每月 49.99 美元的终极计划:

Hitsteps pricing

Hitsteps pricing

如果你想要一些超越基础的东西,但也是谷歌分析的负担得起的替代品,这个软件是值得考虑的。

接吻度量

Kissmetrics

Kissmetrics

Kissmetrics 是由尼尔·帕特尔(Neil Patel)和希滕·沙阿(Hiten Shah)创办的,他们是创业界的知名企业家。

Kissmetrics features

Kissmetrics features

Kissmetrics 提供强大的分析和漏斗分析软件,帮助您更好地了解客户行为和自动化客户参与。

它被 900 多家公司使用,包括一些知名品牌,如 Unbounce 。作为 Google Analytics 的替代产品,他们的价值主张实际上是特定的:

“从 GA 等不可靠的基于会话的分析转向基于用户的高级洞察。”

只有在他们的网站上预订演示才能获得定价。他们最近经历了一场品牌重塑运动,并删除了他们的博客,所以事情确实让我认为他们正在大力进行市场定位。

花言巧语的

Plausible analytics

Plausible analytics

另一个你可能想考虑的 Google Analytics 替代品是似是而非的,一个轻量级的开源分析工具。与 Google Analytics 的主要区别在于:

  • 透明和完全开源的分析软件。你可以在 GitHub 上查看他们的代码。有了可信的分析,你拥有并控制你所有的网站数据。
  • 完全符合隐私法规。不使用 cookies ,在使用 alibable 时不会收集任何个人数据。这意味着你不需要展示 cookie 横幅,不需要隐私政策,也不需要 GDPR / CCPA 的同意。
  • 看似合理的分析脚本仅重 1.4 KB,比谷歌分析全球网站标签小 33 倍。这将有助于保持你的页面快速加载

仪表板看起来是这样的:

Plausible Analytics dashboard

Plausible analytics dashboard

该软件还包括一个谷歌搜索控制台集成,所以你可以看到引导访问者到你的网站的搜索查询。

有三个价格等级:6 美元/月的个人计划、12 美元/月的启动计划和 36 美元/月的商业计划。那些订阅年度计划的人还有 33%的额外折扣。

Plausible Analytics pricing

Plausible analytics pricing

该软件正在积极开发中,你可以在这里查看它的公开路线图。

Piwik PRO

Piwik PRO

Piwik PRO

Piwik PRO Analytics Suite允许您在您的网站、应用程序、产品页面、内联网上分析完整的用户旅程。

这种 Google Analytics 替代方案确保符合欧盟、美国、中国和俄罗斯的数据保护法,包括 GDPR 和健康保险便携性和责任法案(HIPAA)。

Piwiki PRO 和 Google Analytics 的主要区别在于:

  • 隐私合规: i n Google Analytics 关于你用户的数据托管在分散在世界各地的数据中心。使用 Piwik PRO,这些信息可以存储在您自己的服务器上,无论是私有还是公有云,始终遵守数据保护和隐私法律。
    *** 完全数据所有权:**谷歌分析让你洞察你客户的数据,但它也使用这些信息来开发其广告产品(如谷歌广告)。Piwik PRO 给予其客户 100%的数据所有权。*** 无数据采样:使用 Google Analytics,当达到每月 500,000 次会话的限制时,会自动进行数据采样。这意味着你的报告可能会误导人。Piwik PRO 为其所有定价计划提供未抽样数据。******

****仪表板看起来是这样的:

Piwik PRO - Dashboard Analytics

Piwik PRO – Dashboard Analytics

只有通过他们的网站请求定制报价才能获得定价,您可以在网站上选择您首选的托管选项(欧盟云、美国云、私有云以及内部)。

Piwik PRO 灵活的配置和部署使其非常适合处理敏感数据的行业,如医疗保健或金融,但它也可能是每个对道德、隐私友好的分析感兴趣的公司的好选择。

独立分析

Independent Analytics website page

Independent Analytics

独立分析是 WordPress 的一个全新的分析插件,是博客和小企业的一个可靠的谷歌分析替代方案。这是一个轻量级的分析工具,可以在你的网站上快速加载,并且完全符合 GDPR 的。

使用独立分析有几个独特的优势:

  • 深度 WordPress 整合:大多数分析程序会列出你的网址,但是独立分析会列出你的页面。这意味着你可以看到额外的数据,如你的文章作者和发表日期,以及你的观点。
  • 过滤你的数据:简单的过滤系统可以处理你所有的 WP 数据。缩小你的报告范围,只搜索术语或博客文章,查找超过 100+的页面,或者你想要的任何内容。
  • 零步骤设置:无需创建第三方账户,也无需自己添加追踪码。独立分析从你安装它的那一刻开始跟踪访问。

A screenshot of the Independent Analytics dashboard

The Independent Analytics dashboard

作为一个 WP 插件,它可以在官方 WordPress 知识库上免费获得。目前还没有任何付费升级,但独立分析团队计划在未来发布用于转换跟踪和其他功能的高级插件。

Google Analytics is the predominant tool for measuring traffic. But is it the best one? Check out these GA alternatives: they have so much to offer to data junkies! 📈 🤓Click to Tweet

摘要

毫无疑问,谷歌分析是一个优秀的分析工具。但这不是跟踪分析的唯一选择。

如果它不能满足你的需求,或者如果你担心隐私,你一定要看看许多谷歌分析的替代品。

当然,如果你决定与谷歌分析的竞争对手合作,你可能需要实际支付软件费用。然而,如果产品更适合您的业务,价格将是非常值得的。此外,以上几个选项为小型网站提供了免费计划。

请记住:“最受欢迎”并不一定意味着“最好的”,更不一定意味着“最适合你”


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。****

如何在谷歌分析中阻止推荐垃圾邮件(清理你的报告)

原文:https://kinsta.com/blog/google-analytics-spam/

不管你喜欢与否,垃圾邮件是互联网的一大部分。

一些类型的垃圾邮件对使用您的服务器空间发送请求更感兴趣,而一些则利用用户发送有害的恶意软件和病毒。

一种垃圾邮件叫做推荐垃圾邮件,它会影响没有准备好的 WordPress 网站。此外,它可以进入你的谷歌分析系统,掠夺你的排名,让搜索引擎对你不利。

它永远不会完全消失。但这并不意味着你不能反击推荐垃圾邮件。

你最好的办法是在 Google Analytics 和 WordPress 中屏蔽垃圾推荐。你如何着手做这件事?

你马上就会知道了,但是首先,让我们多了解一点关于推荐垃圾邮件以及它如何影响你的网站。

Fight back against referrer spam 👊 and keep your Google Analytics reports squeaky-clean 🧼 with these tips!Click to Tweet ## 什么是推荐垃圾邮件?

推荐垃圾邮件或推荐垃圾邮件是一种使用虚假的推荐 URL 重复网站请求的技术,通常指向垃圾邮件发送者希望推广的网站。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

什么是谷歌分析和其他常见问题中的推荐垃圾邮件

在谷歌分析中,它看起来像这样:

What referrer spam looks like inside Google Analytics

What referrer spam looks like inside Google Analytics

推荐垃圾邮件只有一个目的:针对搜索引擎。

从表面上看,它是这样工作的:

  • 垃圾邮件发送者有一个网站,他们想提高搜索引擎的排名。
  • 垃圾邮件发送者发出多个带有虚假 URL 的请求,这些 URL 链接回他们想要做广告的网站。

简而言之,他们想改善搜索引擎如何看待他们的网站,而不需要向用户提供有价值的内容。因此,您的站点可能会意外发布一些访问日志和统计数据,无意中链接回垃圾邮件发送者试图推广的站点。

这意味着您的网站现在链接到一个质量差的网站,这可能会提高垃圾网站的排名,如下所示:

Even more spam sites in Google Analytics

Even more spam sites in Google Analytics

然而不幸的是,如果谷歌发现你链接到一个垃圾网站,你的搜索引擎排名将来可能会下降。

这些机器人从未真正访问过你的网站。相反,它们只会扰乱您的 javascript 跟踪代码,扭曲您的分析数据,如跳出率和其他有用的参与度指标。

A diagram showing how ghost and referral spam works

A diagram showing how ghost and referral spam works (Image source: magistrateinc.com)

尽管谷歌和其他搜索引擎已经做了相当多的工作来抵制类似的垃圾网站,但完全阻止它们是个好主意,这样你就不会遇到任何问题。

毕竟,如果你链接了几十个不良网站,搜索引擎可能会认为你是故意的。

为什么叫推荐垃圾?

同样值得注意的是,这种类型的垃圾邮件得名于它与 Google Analytics 的交互方式。这些垃圾邮件制造者利用了这样一个事实,即所有网站所有者都喜欢看到其他网站将流量转到他们的平台。

你甚至可以在谷歌分析中找到一份推荐报告,看看你的大部分流量来自哪里。

不幸的是,你的一些用户可能想在你的访问日志中查看这些推荐报告,当你在 Google Analytics 中查看你的推荐时,你可能最终会点击其中一个有害的链接。

谁点击它们并不重要,因为都是坏消息。

屏蔽 Bot 流量有什么好处?

有些人认为有僵尸流量和垃圾推荐没什么大不了的。当你考虑到机器人流量的时候,这是一件大事:

Web traffic breakdown (good bots vs bad bots vs humans)

Good bots vs bad bots vs humans (Image source: voluum.com)

几乎 56%的 bot 流量被用于恶意目的。它不仅会扭曲您的分析数据,还会:

  • 促成 DDoS 攻击
  • 损害你的搜索引擎优化和网站声誉
  • 劫持你的账户
  • 花了你的钱

虽然它可能不会对你产生太大的影响,但你仍然有机会意外地链接到那些垃圾网站,降低你在搜索引擎中的排名。

此外,合法网站所有者的业务是生成高质量的内容,所以作为一个负责任的网站管理员,你有责任阻止垃圾邮件发送者通过糟糕的链接来扰乱互联网。

作为一个互联网用户,他们所做的只是让你在搜索时更加困难。最后,您或您的网站访问者有可能点击了一个垃圾推荐链接,将您带到一个可能包含有害内容的网站。

如何在谷歌分析中阻止推荐垃圾邮件流量

这里有几个选项,你可以用来阻止谷歌分析垃圾邮件:

如何在 Google Analytics 中拦截推荐垃圾信息(清理您的报告)

让我们来看看这些方法:

1.在谷歌分析设置中排除已知的机器人和蜘蛛

在使用更高级的方法阻止 Google Analytics 垃圾邮件之前,请确保利用您将在管理 > 视图设置 > 僵尸过滤下找到的内置功能:

Bot Filtering in Google Analytics

Bot Filtering in Google Analytics

只需确保勾选复选框并点击页面底部的保存
T3】

2.从您的谷歌分析结果中过滤垃圾邮件机器人

当您进行任何技术更改时,您总是希望有一个备份,以便在出现问题时可以参考。

这在谷歌分析中没有什么不同。您需要保留一个未过滤的视图,这样您就可以将数据与过滤后的结果进行比较,以确保它们有效。它还提供了一个视图,如果您的某个过滤器工作不太正常,您可以返回到该视图。

在 Google Analytics 中设置未过滤的视图

转到管理部分,点击第三列中的查看设置

Setting up an unfiltered view in Google Analytics

Setting up an unfiltered view in Google Analytics

接下来,点击复制视图,然后将视图命名为未过滤。

Copying and naming your new view in GA

Copying and naming your new view in GA

现在,回到谷歌分析的主管理页面,点击视图部分的过滤器

注意:这不同于帐户部分中的所有过滤器。

Creating a filter in Google Analytics

Creating a filter in Google Analytics

点击红色 +添加滤镜按钮:

Add a new filter to GA (and give it a descriptive name)

Add a new filter to GA (and give it a descriptive name)

从这里,有几个不同的垃圾邮件过滤器,你可以设置阻止谷歌分析垃圾邮件。

对于您创建的每个过滤器,请花几分钟时间进行测试,确保其正常工作。一旦你对它的准确性感到满意,点击保存

让我们快速浏览一下您可以在 Google Analytics 中设置的垃圾邮件过滤器类型:

要注意的垃圾邮件类型(以及如何删除它们)

有三种常见的垃圾邮件。以下是对每种病毒的简要概述,以及如何阻止它:

垃圾邮件幽灵

幽灵垃圾邮件(有时也称为幽灵流量或幽灵流量)是由黑客插入到您的 Google Analytics 帐户中的虚假流量和数据,试图让您访问他们的网站。

要在您的 Google Analytics 帐户中查找 ghost 垃圾邮件,请访问:

观众>科技>网络>主机名

这将向您显示所有与您的网站相关的主机名列表。它应该只显示你的域名子域,以及你与谷歌分析账户链接的任何其他服务。

如果您看到一些您不认识的东西,它可能是垃圾邮件。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

要删除幽灵垃圾邮件,建立一个自定义过滤器,告诉谷歌分析哪些主机名属于你的帐户,哪些不属于。

以下是如何在 Google Analytics 中删除垃圾邮件的方法:
  1. 在正则表达式中写出有效主机名的列表。
  2. 用管道字符|分隔每个主机名,并在所有句点和连字符前添加一个反斜杠(例:金斯塔\。com|youtube\。com
  3. 现在打开你的谷歌分析账户,进入“管理”并选择正确的视图。
  4. 转到“过滤器”并点击“添加过滤器”。
  5. 命名您的过滤器,选择“自定义”作为过滤器类型,并选择您想要“包括”“主机名”
  6. 输入您的表达式,并使用“验证按钮”来检查您的新过滤器的作品。
  7. 点击“保存”完成您的幽灵垃圾邮件过滤器。

为了让它更强大,这里有一些你可以做的其他事情来对抗垃圾邮件。

打开 Google Analytics,进入受众 > 科技 > 网络

向下滚动以选择主机名作为主维度,并使结果按月显示。

Select hostname as your primary dimension in GA

Select hostname as your primary dimension in GA

查看主机名的完整列表。找出合法的并写下来。

这里的关键是列出有效的主机名。然后,转到顶部的管理选项卡,并点击过滤器。

Create a list of valid host names in Google Analytics

Create a list of valid host names in Google Analytics

点击添加滤镜 > 自定义滤镜类型 > 包含。该字段将要求您输入可接受的主机名列表。其格式要求您在每个主机名前加上一个^符号,并在每个主机名后加上一个$符号。

为了分隔主机名,请使用|符号。

Adding a custom filter in Google Analytics

Adding a custom filter in Google Analytics

选择“保存”按钮以完成该过程。应该需要大约 24 小时才能看到谷歌分析仪表板的变化。你也可以看看这个垃圾/幽灵推荐网站的大列表

你应该在你的谷歌分析中排除它们。

爬虫垃圾邮件

爬虫垃圾邮件是一种由通过在网站上执行自动任务来浏览网站和记录信息的机器人生成的垃圾邮件。这些机器人抓取你的页面,忽略那些在 robots.txt 中发现的规则。

以下是如何在谷歌分析中删除垃圾爬虫:

您需要在 Google Analytics 中使用下面的表达式创建自定义过滤器,这些表达式用于排除过去几年中检测到的垃圾爬虫。

表情#1:

(best|dollar|success|top1)\-seo|anticrawler|^scripted\.|semalt|forum69|7makemon|sharebutton|ranksonic|sitevaluation|dailyrank|vitaly|profit\.xyz|rankings\-|dbutton|uptime(bot|check|\.com) 

表情#2:

Datract|hacĸer|ɢoogl|responsive\-test|dogsrun|tkpass|free\-video|keywords\-monitoring|pr\-cy\.ru|fix\-website|checkpagerank|seo\-2\-0\.|platezhka|timer4web|share\-buttons|99seo|3\-letter|top10\-way 

要创建自定义过滤器,您需要:

  1. 打开你的谷歌分析账户
  2. 前往“管理”,选取“过滤器”,然后点按“添加过滤器”
  3. 为您的过滤器命名,选择“自定”作为过滤器类型,然后选择“排除”
  4. 将字段设置为“活动来源”,然后将一个表达式粘贴到框中。
  5. 验证过滤器,然后“保存”
  6. 对表达式#2 重复该过程。
虚假语言垃圾邮件

语言垃圾邮件通常被垃圾邮件发送者用于某种目的或推广他们自己的网站或产品。他们操纵 thenextweb.com、lifehacker.com、reddit.com 等真实网站使用的语言。

厌倦了 WordPress 的问题和缓慢的主机?我们提供世界一流的支持,由 WordPress 专家提供 24/7 服务和超快的服务器。查看我们的计划

以下是如何在谷歌分析中删除虚假语言垃圾信息:
  1. 打开你的谷歌分析账户
  2. 前往“管理”,选取“过滤器”,然后点按“添加过滤器”
  3. 为您的过滤器命名,选择“自定”作为过滤器类型,然后选择“排除”
  4. 将字段设置为“语言设置”,然后将以下内容粘贴到过滤模式框中:\s[^\s]*\s|.{15,}|.|
  5. 验证过滤器,然后“保存”

3.编辑您的域名。htaccess 文件或在 Nginx 中添加规则

如果你的主机使用 cPanel ,阻止垃圾邮件推荐流量的最有效方法之一就是编辑你的。htaccess 文件。该文件用于控制您的服务器,并可以被指示阻止来自某个域或 IP 地址的任何垃圾邮件访问。

Blocking spam traffic in your htaccess is effective

Blocking spam traffic in your .htaccess is effective (as long as you are careful and don’t break your site)

这种方法不仅阻止推荐垃圾邮件域从您的网站,但它也删除他们从您的服务器。这有助于保持您的服务器速度又快又好。

以下是如何在您的中阻止垃圾邮件。htaccess 文件:

假设您想要排除 Semalt、free-traffic.xyz 和 buttons-for-website.com。只需将以下命令添加到您网站的。htaccess 文件:

## SITE REFERRAL BLOCK
RewriteCond %{HTTP_REFERER} semalt\.xyz [NC,OR]
RewriteCond %{HTTP_REFERER} free-traffic\.xyz [NC,OR]
RewriteCond %{HTTP_REFERER} buttons-for-website\.com [NC,OR]
RewriteRule .* – [F]

不知道这意味着什么?下面是该命令中发生的事情的简要概述:

  • ‘NC’使命令不区分大小写,因此即使是 SeMalT.com 或自由流量也会被过滤器捕获。
  • 表示要阻止多个推荐人。
  • 最后一行是关于一个域名试图访问你的网站而被拒绝会发生什么。
  • ‘F’等于失败,意味着推荐人将得到一个 403 错误

无论发生什么事情?htaccess 相关:要非常小心。

仅仅把一个字符放在错误的地方,或者不小心输入了一个双空格,都可能导致整个网站离线。

以下是如何在 Nginx 中拦截垃圾邮件:

如果你的主机利用 Nginx 作为网络服务器,而不是 Apache ,你将无法编辑你的。htaccess 文件,您需要在 Nginx 中设置一个规则来阻止推荐人的请求:

if ($http_referer ~* "bad-site-to-block\.com") {
    return 403;
}

如果你是 Kinsta 的客户,你需要寻求支持并要求添加这条规则。

4.使用第三方工具阻止推荐垃圾邮件

如果你是一个 WordPress 用户,你可以使用一个谷歌分析 WordPress 推荐垃圾邮件插件来清除 bot 流量。

你最好的选择是 Sucuri ,它可以监控推荐垃圾信息,并将其从你的网站上删除。最重要的是,这个插件还可以保护你的网站免受 DDoS 攻击,因为它是一个一体化网站安全解决方案。

如果 Sucuri 对你来说听起来太多了,你可能想尝试的另一个插件是 Stop Referrer Spam ,它使用由 Matomo 提供的垃圾推荐者公共列表,Matomo 是Google Analytics alternative Piwik的幕后公司。

还有一些额外的选项,但是它们已经有一段时间没有更新了,所以它们可能与你的 WordPress 安装不兼容。此外,运行过时的软件可能会带来一些安全威胁,但如果您想测试它们,这里有:

请务必在安装新插件之前做好备份,这样如果出现任何问题,你都可以很容易地恢复到工作站点。

谷歌分析垃圾邮件常见问题

以下是关于 Google Analytics 垃圾邮件的一些最常见问题的答案:

我可以访问谷歌分析中发现的垃圾网站吗?

首先(也是最重要的)要记住的是:不要点击链接!

如果你访问网站本身,垃圾邮件发送者得到他们想要的。取而代之的是,用引号将网站搜索出来:

Search for spam referrer sites in Google to see if others sites have flagged them before

Search for spam referrer sites in Google to see if other sites have flagged them before

这样做会避免访问该网站,但你会看到其他网站的结果。如果该网站是谷歌分析垃圾邮件的来源,其他人可能已经写了。

为什么从我的 Google Analytics 中过滤垃圾邮件很重要?

谷歌分析数据(以及一般的网站分析)是追踪你网站表现的最好方法之一,可以看到你的在线观众在做什么。它们不仅可以显示什么在工作,还可以显示什么没有工作(也就是需要改进的地方)。

但是,如果你把推荐垃圾邮件混在一起,这些数据的准确性就岌岌可危了。

您可能会收到相当数量的基本上是垃圾访问的会话:

Junk visits from Semalt in Google Analytics

Junk visits from Semalt in Google Analytics

如果你在谷歌分析中没有最好的数据,你就有做出错误决定的风险。基本上,因为数据不准确,你可能会曲解事情。

例如,你可以花额外的时间和金钱来改进你网站上的某个页面,因为它看起来很受你的观众的欢迎。但是,如果所有这些流量都来自于机器人,投资改进就没有意义了。

总之:清理您的数据,垃圾邮件机器人过滤器确保您的分析提供更准确和有用的见解。

我可以清理历史谷歌分析数据吗?

垃圾邮件过滤器会让你的数据变得更干净,但不会应用于过去的数据。

一旦您设置了过滤器,垃圾邮件将从该日期开始被过滤掉,但不会向后过滤。您的历史数据仍然会包含由机器人导致的不准确数据。

然而,也不全是坏事。您将能够在谷歌分析中比较您的,而无需垃圾邮件数据:

Comparing with vs without spam traffic in Google Analytics

Comparing with vs without spam traffic in Google Analytics

查看应用垃圾邮件过滤器前后的分析对比,可以帮助您了解有多少流量来自机器人,让您更准确地了解您的网站。

Don't give spammers a chance! ❌ Use these tactics to block referrer spam and keep your reports clean.Click to Tweet

摘要

不幸的是,完全避免垃圾邮件是不可能的。但你可以控制它对你的谷歌分析数据的影响。

使用正确的过滤器、插件和一些技术诀窍是阻止垃圾邮件发送者的最佳方式,并在 Google Analytics 中还给你建立一个好网站所需的准确数据。

现在轮到你了:在谷歌分析中,你首选的清除垃圾邮件的方法是什么?


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

posted @ 2024-11-01 16:30  绝不原创的飞龙  阅读(8)  评论(0编辑  收藏  举报