如何在WordPress中添加动画GIF

你想在你的WordPress博客文章中添加动画GIF吗? 有时当你在WordPress中添加一个动画GIF时,它会丢失动画并显示为一个普通的静态图像。 在本文中,我们将向您展示如何在WordPress中正确添加动画GIF。 为什么动画GIF成为WordPress的静态图像? WordPress提供了一个易于使用的媒体上传,它允许您添加图像到您的WordPress的帖子或页面。 当您使用媒体上传器上传图片时,WordPress会自动创建不同大小的图片的多个副本。 有三个默认的WordPress图像大小:缩略图,中等和大。 它也保持您的原始图像的全尺寸。 为动画GIF创建新的图像大小时,WordPress最终只保存GIF的第一帧。 现在,如果您将任何图像大小添加到您的帖子或页面,它们将是静态的GIF图像,没有动画。 话虽如此,让我们来看看如何在WordPress中正确添加动画GIF而不会丢失动画。 在WordPress中正确添加动画GIF 首先,您需要编辑要添加动画GIF的帖子或页面,然后单击“添加媒体”按钮。 这将弹出WordPress媒体上传器。 您需要点击上传文件按钮,然后从电脑上选择GIF动画文件上传。 上传文件后,请在右侧的“附件显示设置”部分下选择“全尺寸”。 之后,点击“插入后”按钮继续。 WordPress现在会在你的帖子编辑器中插入你的动画GIF。 这个完整大小的图像是您上传到WordPress的原始动画GIF。 您将可以在视觉文章编辑器中立即看到动画。 您现在可以继续编辑您的文章或保存以预览它。 在WordPress中使用动画GIF的奖金提示 动画GIF图像的文件大小通常比其他图像文件大。 这是因为它们包含了几个压缩的图像,用作创建动画的帧。 在WordPress页面上添加太多的GIF图像可能会使您的网站变慢。 如果您使用Giphy查找动画GIF


保护你的WordPress管理区的14个重要提示(更新)

你在你的WordPress管理区看到很多攻击吗? 保护管理区域免受未经授权的访问,可以阻止许多常见的安全威胁。 在本文中,我们将向您展示一些重要的提示和黑客来保护您的WordPress管理区域。 1.使用网站应用程序防火墙 网站应用程序防火墙或WAF监视网站流量并阻止可疑请求到达您的网站。 虽然有几个WordPress防火墙插件,我们推荐使用Sucuri。 这是一个网站安全和监控服务,提供了一个基于云的WAF来保护您的网站。 您的所有网站的流量都先通过他们的云代理,然后分析每个请求并阻止可疑的访问者到达您的网站。 它可以防止您的网站遭受可能的黑客攻击,网络钓鱼,恶意软件和其他恶意活动。 有关更多详细信息,请参阅Sucuri如何帮助我们在一个月内阻止45万次攻击。 2.密码保护WordPress管理员目录 你的WordPress管理区已经被你的WordPress密码保护了。 但是,为您的WordPress管理员目录添加密码保护为您的网站添加了另一层安全性。 首先登录到您的WordPress托管cPanel仪表板,然后点击“密码保护目录”或“目录隐私”图标。 接下来,您将需要选择通常位于/ public_html /目录中的wp-admin文件夹。 在下一个屏幕上,您需要选中“密码保护此目录”选项旁边的框,并提供受保护目录的名称。 之后,点击保存按钮来设置权限。 接下来,您需要点击后退按钮,然后创建一个用户。 你会被要求提供一个用户名/密码,然后点击保存按钮。 现在,当有人试图访问您的网站上的WordPress管理员或wp-admin目录时,系统会要求他们输入用户名和密码。 有关更详细的说明 3.始终使用强密码 始终使用强大的密码为您的所有在线帐户,包括您的WordPress网站。 我们建议您在密码中使用字母,数字和特殊字符的组合。 这使得黑客更难猜测您的密码。 初学者经常会问我们如何记住所有这些密码。 最简单的答案是你不需要。 有一些非常棒的密码管理器应用程序,你可以在你的电脑和手机上安装。 有关此主题的更多信息 4.使用两步验证WordPress登录屏幕 两步验证为您的密码添加了另一个安全层。 它不要单独使用密码,而是要求您在手机上输入Google身份验证器应用生成的验证码。 即使有人能够猜到你的WordPress密码,他们仍然需要Google Authenticator代码才能进入。 5.限制登录尝试 默认情况下,WordPress允许用户多次输入密码。 这意味着有人可以通过输入不同的组合来不断尝试猜测您的WordPress密码。 它也允许黑客使用自动脚本来破解密码。 要解决这个问题,你需要安装并激活Login LockDown插件。 激活后,去拜访 设置»登录锁定 页面配置插件设置。 有关详细说明 6.限制登录访问IP地址 保护WordPress登录的另一个好方法是限制对特定IP地址的访问。 如果您或只有少数可信用户需要访问管理区域,此提示特别有用。 只需将此代码添加到.htaccess文件。 AuthUserFile / dev / null … Read more 保护你的WordPress管理区的14个重要提示(更新)


如何卸载和重新安装WordPress

最近,我们的一个用户问我们如何卸载并重新提供WordPress? 所有其他故障排除提示失败时,重新安装WordPress可以解决问题。 在这篇文章中,我们将告诉你如何安全地卸载和重新安装WordPress,而不会丢失你的数据或SEO。 什么时候需要重新安装WordPress? 重新安装WordPress永远不应该是第一个选项。 最常见的WordPress错误很容易解决,这将节省您从重新安装WordPress的麻烦。 如果您找不到问题的原因,请按照我们的WordPress故障排除指南中的说明进行操作。 这将帮助您指出问题并找到解决方案。 如果是黑客入侵的WordPress网站,可以试试我们的指南中有关如何清理被黑客入侵的WordPress网站的提示。 如果一切都失败了,那么卸载并重新安装新的WordPress副本可以作为最后的手段。 步骤0.创建一个紧急备份 在你做任何事情之前,你应该首先为你现有的WordPress网站创建一个完整的备份。 您可以使用WordPress备份插件来执行此操作。 确保您将备份文件存储在您的计算机或云端存储服务(如Google云端硬盘或Dropbox)上。 我们不会使用这个备份来重新安装WordPress,但是如果出现问题,这是很好的。 第1步。导出你的WordPress内容 首先你需要做的是通过创建一个WordPress导出文件来导出你的WordPress内容。 该文件将包含您的所有帖子,页面,类别,标签和评论。 使用这个导出文件恢复一个WordPress站点可以让你省去由WordPress插件创建的数据。 这里是你将如何创建一个WordPress导出文件。 首先,登录到您的WordPress管理区,然后进入 工具»导出 页。 选择所有内容,然后点击“下载导出文件”按钮。 如果您的网站上有很多注册用户,那么您可能也想将其导出。 第2步。下载wp-content文件夹 所有的WordPress主题,插件,图像和上传都存储在 /可湿性粉剂内容/ 您的网站上的文件夹。 让我们将这个内容下载到您的计算机上,以便稍后使用它来重新安装WordPress。 使用cPanel中的FTP客户端或文件管理器连接到您的WordPress站点。 连接后,选择wp-content文件夹并将其下载到您的计算机。 下载完wp-content文件夹之后,您就可以卸载WordPress了。 第3步。正确卸载WordPress 要卸载WordPress,您需要使用cPanel中的FTP客户端或文件管理器连接到您的WordPress站点。 那么你需要删除所有的WordPress文件。 你并不需要删除你的WordPress数据库。 大多数WordPress托管公司允许你创建尽可能多的数据库和用户名,你需要的。 您可以使用新的用户名和密码创建一个新的数据库,而不是删除现有的数据库。 要创建新的数据库,您需要登录到您的cPanel帐户,然后单击MySQL数据库图标。 这将带您到添加新的数据库页面。 首先,您需要输入新数据库的名称,然后单击“创建数据库”按钮。 之后,向下滚动以添加“MySQL用户”部分并添加新用户。 您需要输入用户名和密码,然后点击“创建用户”按钮。 现在您需要将用户添加到您之前创建的数据库中。 向下滚动到“将用户添加到数据库”部分,然后选择您之前创建的用户名和数据库。 点击“添加”按钮继续。 当您重新安装WordPress时,您的新数据库已准备好使用。 现在,您已经成功卸载WordPress,让我们看看如何重新安装和恢复您的网站。 第4步。全新安装WordPress 你需要从WordPress.org网站下载一个新的WordPress的副本。 下载WordPress后,您需要解压缩下载文件。 你会在里面找到一个WordPress文件夹。 打开WordPress文件夹,你会看到所有的WordPress文件。 现在,您需要使用FTP客户端将这些文件上传到您的网站。 … Read more 如何卸载和重新安装WordPress


如何创建一个自定义的WordPress小部件

你想在WordPress中创建自己的自定义小部件吗? 小部件允许您将元素拖放到网站的任何侧栏或小部件准备好区域。 在本文中,我们将向您展示如何轻松创建自定义WordPress小部件。 什么是WordPress的Widget? WordPress小部件包含可添加到网站侧边栏或小部件准备好区域的代码片段。 把它们想象成模块,你可以使用一个简单的拖放界面来添加不同的元素。 默认情况下,WordPress提供了一组标准的小部件,您可以使用任何WordPress主题。 WordPress还允许开发人员创建自己的自定义小部件。 许多WordPress主题和插件都带有自己的自定义小部件,您可以将其添加到您的侧边栏。 例如,您可以将联系表单,自定义登录表单或照片库添加到侧栏,而无需编写任何代码。 话虽如此,让我们看看如何轻松地在WordPress中创建自己的自定义小部件。 在WordPress中创建一个自定义的小部件 在我们开始之前,最好的做法是创建一个特定于站点的插件,在这里您将粘贴本教程中的小部件代码。 您也可以将代码粘贴到主题的functions.php文件中。 但是,只有在特定主题处于活动状态时才能使用。 在本教程中,我们将创建一个简单的小部件,只是迎接访问者。 看看这个代码,然后将其粘贴到您的网站特定的插件,看看它的行动。 //注册并加载小部件 函数wpb_load_widget(){ register_widget(’wpb_widget’); } add_action(’widgets_init’,’wpb_load_widget’); //创建小部件 类wpb_widget扩展WP_Widget { 函数__construct(){ 父:: __结构( //您的小部件的基本ID ‘wpb_widget’, //小部件名称将出现在UI中 __(’site Widget’,’wpb_widget_domain’), //小工具描述 array(’description’=> __(’基于网站教程的示例小部件’,’wpb_widget_domain’),) ); } //创建小部件前端 公共功能部件($ args,$ instance){ $ title = apply_filters(’widget_title’,$ instance [‘title’]); //小部件参数前后由主题定义 echo $ args [‘before_widget’]; 如果(!empty($ title)) … Read more 如何创建一个自定义的WordPress小部件


12最有用的.htaccess技巧为WordPress

你正在寻找一些有用的.htaccess技巧为您的WordPress网站。 .htaccess文件是一个功能强大的配置文件,可以让你在你的网站上做很多简洁的事情。 在本文中,我们将向您展示一些WordPress最实用的.htaccess技巧,您可以立即尝试。 什么是.htaccess文件和如何编辑它? .htaccess文件是一个服务器配置文件。 它允许你定义服务器的规则来跟踪你的网站。 WordPress使用.htaccess文件来生成SEO友好的URL结构。 但是,这个文件可以做更多。 .htaccess文件位于您的WordPress网站的根文件夹中。 您将需要使用FTP客户端连接到您的网站进行编辑。 如果你找不到你的.htaccess文件 在编辑.htaccess文件之前,重要的是将其副本下载到您的计算机作为备份。 您可以使用该文件,以防万一出错。 话虽如此,让我们来看看一些有用的WordPress的htaccess技巧,你可以尝试。 1.保护你的WordPress管理区域 你可以使用.htaccess来保护你的WordPress管理区域,只限制访问选定的IP地址。 只需将此代码复制并粘贴到.htaccess文件中: AuthUserFile / dev / null AuthGroupFile / dev / null AuthName“WordPress管理访问控制” AuthType基本 命令否认,允许 否认所有 #白名单Syed的IP地址 允许来自xx.xx.xx.xxx #将David的IP地址列入白名单 允许来自xx.xx.xx.xxx 不要忘记用你自己的IP地址替换xx值。 如果您使用多个IP地址访问互联网,请确保您添加它们。 有关详细说明 2.密码保护WordPress管理文件夹 如果您从包括公共互联网点在内的多个位置访问您的WordPress网站,那么限制访问特定的IP地址可能不适合您。 您可以使用.htaccess文件为您的WordPress管理区域添加一个额外的密码保护。 首先,你需要生成一个.htpasswds文件。 您可以使用此在线生成器轻松创建一个。 将此.htpasswds文件上传到公共可访问的Web目录或/ public_html /文件夹之外。 一条好路径是: /home/user/.htpasswds/public_html/wp-admin/passwd/ 接下来,创建一个.htaccess文件并将其上传到/ wp-admin /目录,然后在其中添加以下代码: AuthName“仅管理员” AuthUserFile /home/yourdirectory/.htpasswds/public_html/wp-admin/passwd AuthGroupFile … Read more 12最有用的.htaccess技巧为WordPress


如何在配置文件页面上显示作者的Twitter和Facebook

你想在他们的WordPress个人资料页面上显示作者的Twitter和Facebook链接吗? 默认情况下,WordPress用户个人资料页面没有任何字段来添加Facebook或Twitter个人资料。 在本文中,我们将向您展示如何在WordPress中轻松显示作者的Twitter和Facebook个人资料链接。 1.添加Twitter和Facebook的个人资料与作者生物箱 这种方法比较简单,建议所有用户使用。 第一 激活后,您需要访问 设置»作者生物盒 在你的WordPress管理页面配置插件设置。 首先,您需要选择要显示作者生物框的位置。 该插件可以自动显示作者生物框下面的帖子或下面的帖子和主页上。 之后,您可以选择背景颜色,文字颜色,gravatar大小,边框等。 不要忘记点击保存更改按钮来存储您的设置。 接下来,你需要去的 用户»所有用户 页。 在这里你需要点击用户帐户下面的编辑链接。 这会将您带到用户的个人资料页面。 您会注意到此页面上有新的社交配置文件字段。 现在,您只需在各自的字段中输入作者的Facebook,Twitter或任何其他社交媒体个人资料网址即可。 一旦你完成,点击更新配置文件链接。 您现在可以查看该用户编写的任何帖子,并且您将看到他们的作者生物框中包含Twitter,Facebook和其他社交媒体配置文件的图标。 您的WordPress网站上的注册用户也可以编辑他们自己的配置文件,为其Facebook和Twitter页面添加链接。 您也可以发送电子邮件给您的网站上的所有注册用户,并要求他们更新他们的个人资料。 2.使用Yoast SEO显示Twitter和Facebook个人资料 此方法适用于高级用户,因为它需要您编辑WordPress主题文件。 如果您之前没有这样做,请查看我们的指南,了解如何在WordPress中复制和粘贴代码。 如果您已经在您的网站上使用Yoast SEO插件,那么您很幸运,因为它可以用来在作者的个人资料页面中添加Twitter和Facebook个人资料字段。 问题是,Yoast不会自动将它们显示在作者身上,但不用担心,我们会告诉你如何做到这一点。 有关: 如何正确安装和设置Yoast SEO插件在您的网站上。 一旦你有Yoast插件安装,你需要转到 用户»所有用户 页面,然后单击作者姓名下方的编辑链接。 在用户的个人资料页面上,您将注意到新的Facebook和Twitter个人资料字段。 对于Twitter,您只需输入不带@符号的用户句柄即可。 对于Facebook,您需要输入完整的Facebook个人资料网址。 完成后,单击更新配置文件按钮来存储您的更改。 现在,您需要将这些字段显示为主题中的链接。 您可以通过将以下代码添加到要显示作者个人资料链接的主题文件中来完成此操作。


如何在WordPress中阻止IP地址

你想阻止访问你的WordPress网站的特定IP地址? 阻止IP地址被用作阻止您的网站上的垃圾邮件和黑客攻击的解决方案。 在本文中,我们将向您展示如何在WordPress中阻止IP地址,同时我们还将向您展示如何找出哪些IP地址需要被阻止。 什么是IP地址? 如果互联网是一个物理世界,那么将IP地址视为国家,街道和房屋号码。 它们基本上是由0到255之间的四个数字组成的,用点分隔,如下所示: 172.16.254.1 每台连接到互联网的电脑都有一个由他们的互联网服务提供商分配给他们的IP地址。 您网站的所有访问者都有一个存储在您网站的访问日志文件中的IP地址。 这意味着您访问的所有网站也会存储您的IP地址。 您可以使用VPN服务来隐藏这些信息。 这使您可以隐藏您的IP地址和其他个人信息。 为什么当你需要阻止IP地址? 阻止IP地址访问您的网站是处理不受欢迎的访问者,评论垃圾邮件,垃圾邮件,黑客攻击和DDOS(拒绝服务)攻击的有效方法。 您的网站遭受DDOS攻击的最常见的迹象是您的网站经常无法访问,或者您的网页将永久加载。 其他攻击比较明显,比如当你从你的联系表单中收到垃圾评论或者垃圾邮件。 我们有一个反垃圾邮件评论的方法列表,但最后的解决方案是阻止IP地址。 找出您想在WordPress中阻止的IP地址 WordPress为在您的网站上发表评论的用户存储IP地址。 您可以通过访问WordPress管理区域中的评论页面来查看他们的IP地址。 如果您的网站受到DDOS攻击,则查找IP地址的最佳方法是检查您的服务器的访问日志。 要查看这些日志,您需要登录到WordPress托管帐户的cPanel仪表板。 接下来,找到“日志”部分,然后点击“原始访问日志”图标。 这将带您到访问日志页面,您需要点击您的域名下载访问日志文件。 您的访问日志文件将位于.gz存档文件中。 继续并通过点击提取文件。 如果您的计算机没有处理.gz存档文件的程序,则需要安装一个。 Winzip或7-zip是Windows用户中的两种流行选择。 在存档中,您将看到您的访问日志文件,您可以使用纯文本编辑器(如记事本或文本编辑器)打开该文件。 访问日志文件包含所有请求到你的网站的原始数据。 每行都以提出请求的IP地址开始。 您需要确保您不会阻止自己,合法用户或搜索引擎访问您的网站。 复制一个可疑的IP地址,并使用在线IP查找工具来了解更多信息。 您将不得不仔细查看您的访问日志,以查找来自特定IP地址的可疑异常高数量的请求。 小费: 有一种方法可以自动化,我们在本文的底部分享。 找到这些IP地址后,您需要将其复制并粘贴到单独的文本文件中。 在WordPress中阻止IP地址 如果您只想停止使用特定IP地址的用户在您的网站留言,那么您可以在您的WordPress管理区域内执行此操作。 前往 设置»讨论 页面并向下滚动到“评论黑名单”文本框。 复制并粘贴要阻止的IP地址,然后单击保存更改按钮。 现在,WordPress将阻止这些IP地址的用户在您的网站留言。 这些用户仍然可以访问您的网站,但当他们尝试提交评论时,他们会看到一条错误消息。 使用cPanel阻止IP地址 此方法完全阻止IP地址访问或查看您的网站。 当你想保护你的WordPress网站免受黑客攻击和DDOS攻击时,你应该使用这种方法。 首先,您需要登录到您的主机帐户的cPanel仪表板。 现在向下滚动到安全部分,点击“IP Address Deny Manager”图标。 这将带您到IP地址拒绝管理器工具。 在这里你可以添加你想阻止的IP地址。 … Read more 如何在WordPress中阻止IP地址


55+最受欢迎的WordPress技巧,技巧和黑客

有没有想过什么WordPress的技巧,窍门,黑客大多数流行的WordPress网站正在使用? 在这篇文章中,我们将分享一些最想要的WordPress技巧,技巧和黑客,这将帮助您像专业人士一样使用WordPress。 1.使用自定义主页 默认情况下,WordPress会在您的网站首页上显示您的最新帖子。 你可以改变它,并使用任何页面作为你网站的主页。 首先,您需要在WordPress中创建一个新页面,并且您可以将此页面命名为Home。 接下来,您将需要创建另一个页面,让我们打电话给这个页面的博客,因为您将使用它来显示您的博客文章。 现在去 设置»阅读 页面在你的WordPress管理员和“前台页面显示”选项下,并切换到“静态页面”。 之后,您将能够选择刚创建的页面作为您的家庭和博客页面。 您还可以创建自定义主页模板以用于您的主页。 只需使用纯文本编辑器在计算机上创建一个新文件,并在其顶部添加此代码。 将这个文件保存为custom-homepage.php在桌面上。 接下来,您需要使用FTP客户端连接到您的网站,然后转至/ wp-content / themes / your-current-theme /文件夹。 现在将您之前创建的文件上传到主题文件夹。 返回到WordPress管理区域并编辑您的主页。 您将能够选择页面属性元框下的自定义主页模板。 现在这个页面将是完全空的,它不会显示任何东西。 您可以使用自定义HTML / CSS和WordPress模板标签来构建您自己的页面布局。 您还可以使用页面生成器插件使用拖放工具轻松创建一个。 2.在WordPress中安装Google Analytics Google Analytics是WordPress网站所有者必备工具之一。 它可以让你看到你的用户来自哪里,他们在你的网站上做什么。 安装Google Analytics的最佳方法是使用MonsterInsights插件。 您可以将Google Analytics(分析)代码插入到主题文件中,但是当您更新或切换主题时,此代码将消失。 3.密码保护WordPress管理员目录 WordPress管理员目录是您在网站上执行所有管理任务的地方。 它已经被密码保护,因为用户在访问管理区之前需要输入用户名和密码。 但是,通过添加另一层认证,您可以使黑客难以访问您的WordPress网站。 以下是如何为您的WordPress管理员目录启用密码保护。 登录到您的WordPress托管帐户的cPanel仪表板。 在安全部分下,您需要点击“密码保护目录”图标。 接下来,您将被要求选择您要保护的目录。 选择/ wp-admin /文件夹,然后创建一个用户名和密码。 这就对了。 现在,当您尝试访问您的wp-admin目录时,您应该看到如下所示的需要验证的框: 4.在行和列中显示图像 默认情况下,当你添加多个图像到WordPress的帖子,他们会出现在彼此相邻或彼此顶部。 这看起来不太好,因为你的用户将不得不滚动浏览所有这些。 这可以通过在网格布局中显示缩略图来解决。 … Read more 55+最受欢迎的WordPress技巧,技巧和黑客


如何显示相同的作者在WordPress的相关文章

你是否想在WordPress中显示相同作者的相关文章? 通常,您可以使用任何相关的帖子插件在您的网站上显示类似的文章。 但是,如果您运行多作者WordPress网站,则用户可能需要阅读同一作者的其他内容。 在本文中,我们将向您展示如何在WordPress中显示相同作者的相关帖子。 方法1:显示相关文章的作者在WordPress使用插件 这种方法比较简单,建议所有用户使用。 首先你需要做的是安装和激活Similar Posts插件。 更多细节 激活后,您需要访问 设置»类似帖子 页面配置插件设置。 设置页面分为不同的选项卡,默认情况下您将登陆常规选项卡。 您可以查看选项并将其更改为符合您的要求。 在此页面上,您需要向下滚动到底部,然后在“匹配当前帖子的作者”选项旁边选择“是”。 您可以取消选中其他匹配选项,以确保插件仅按作者提取帖子。 接下来,您需要切换到“展示位置”标签并激活“发布后输出”选项。 您也可以通过编辑“参数”框中的文本来编辑输出模板。 不要忘记点击“保存设置”按钮来存储您的更改。 您现在可以访问您网站上的任何一个帖子,并且在帖子内容之后您将看到同一作者的相关帖子。 方法2:手动显示相同的作者在WordPress的相关文章 这种方法需要你添加代码到你的WordPress主题文件。 如果您之前没有这样做,请查看我们的指南,了解如何在WordPress中复制和粘贴代码。 您需要将以下代码添加到主题的functions.php文件或特定于站点的插件中。 函数wpb_related_author_posts($ content){ if(is_single){      全球$ authordata,$后;           $ content。=’ 同类文章的作者: “;        $ author_posts = get_posts(array(’author’=> $ authordata-> ID,’post__not_in’=> array($ post-> ID),’posts_per_page’=> 5));        $ content。=’ “; foreach($ … Read more 如何显示相同的作者在WordPress的相关文章


如何修复在WordPress中的渲染 – 阻止JavaScript和CSS

你想消除WordPress的渲染阻塞JavaScript和CSS? 如果您在Google PageSpeed的洞察力上测试您的网站,那么您可能会看到一个建议,以消除渲染阻塞脚本和CSS。 在本文中,我们将向您展示如何在WordPress中轻松修复渲染拦截JavaScript和CSS的问题,以提高您的Google PageSpeed分数。 什么是渲染 – 阻止JavaScript和CSS? 每个WordPress站点都有一个主题和插件,可以将JavaScript和CSS文件添加到您网站的前端。 这些脚本可以增加您网站的页面加载时间,还可以阻止页面的呈现。 用户的浏览器必须加载这些脚本和CSS,然后才能在页面上加载HTML的其余部分。 这意味着,连接速度较慢的用户将不得不等待几毫秒才能看到该页面。 这些脚本和样式表被称为渲染阻塞JavaScript和CSS。 试图达到Google PageSpeed分数为100的网站所有者需要解决此问题才能获得完美的分数。 什么是Google PageSpeed Score? Google PageSpeed Insights是由Google创建的在线工具,用于帮助网站所有者优化和测试其网站。 这个工具根据Google的速度指南来测试您的网站,并提供改善网站页面加载时间的建议。 它会根据您的网站通过的规则数量向您显示分数。 大多数网站在50-70之间。 然而,一些网站所有者感到被迫达到100(一个页面可以得分最高)。 你真的需要完美的“100”谷歌PageSpeed分数? Google PageSpeed见解的目的是为您提供指导,以提高网站的速度和性能。 您不必严格遵守这些规则。 请记住,速度只是许多SEO指标之一,可帮助Google确定如何对网站进行排名。 速度如此重要的原因是因为它改善了您网站上的用户体验。 更好的用户体验需要的不仅仅是速度。 您还需要提供有用的信息,更好的用户界面以及将内容与文本,图像和视频互动。 您的目标应该是创建一个快速的网站,提供良好的用户体验。 现场 我们建议您使用Google Pagespeed规则作为建议,如果您可以在不损坏用户体验的情况下轻松实施,那就太好了。 否则,你应该尽力去做,然后别担心。 话虽如此,让我们来看看你能做些什么来修复WordPress中的渲染阻塞JavaScript和CSS。 我们将介绍两个方法来修复在WordPress中阻止JavaScript和CSS的渲染。 您可以选择最适合您网站的网站。 1.使用Autoptimize修复渲染阻止脚本和CSS 这种方法比较简单,建议大多数用户使用。 首先你需要安装并激活Autoptimize插件。 更多细节 激活后,您需要访问 设置»自动优化 页面配置插件设置。 您可以先选中“JavaScript选项”和“CSS选项”旁边的复选框,然后单击“保存更改”按钮。 您现在可以使用PageSpeed工具测试您的网站。 如果还有渲染阻止脚本,则需要返回到插件的设置页面,然后单击顶部的“显示高级设置”按钮。 在这里,你可以允许插件包含内联JS,并删除默认排除的脚本,如seal.js或jquery.js。 接下来,向下滚动到CSS选项,并允许插件聚合内联CSS。 点击“保存更改并清空缓存”按钮,保存您的更改并清空插件缓存。 完成之后,请继续使用PageSpeed工具再次检查您的网站。 … Read more 如何修复在WordPress中的渲染 – 阻止JavaScript和CSS