由于 PrestaShop 非常受欢迎,被数以千计的在线商店广泛使用,我决定给您机会大大加快它的速度。 这个电子商务平台非常有活力并且充满了图像。 图片如此之多,以至于他们中的大多数人在每个页面上下载大约 5 到 10 甚至 20 兆字节的图片。 图片对于这个平台至关重要,因为这是人们在查看您的产品时看到的内容。 因此,您通常希望上传许多图片以吸引产品浏览。 因此,您很难正确优化您的商店并提供愉快的用户体验。 PrestaShop 的图像大小调整如果你不知道 Cloudflare Image Resizing 是什么,我就不再在这里重复创建重复的内容。 请在官方帖子 上了解一下。 我在这里所做的是,将我为 WordPress 创...
我发布这篇文章是因为我收到了很多关于 Cloudflare Image Resizing 和我的 WordPress 插件的请求。 由于 WordPress 的设计方式,不可能使我的插件与现有的所有插件兼容,因此在本文中,我们通过 Cloudflare Workers 探索另一种方法。 请注意,我故意省略了太多技术性的东西,以便每个人都能理解; 让我们面对现实吧,并不是每个人都是开发人员。 我喜欢让文章简短、简单、切题。 在本文的结尾,您将能够简单地复制、粘贴并单击一下,为您的 WordPress 正确完成 Cloudflare Image Resizing。 什么是 Cloudflare 图像调整大小提醒一下,...
今天,您将学习如何免费使用 Cloudflare Workers 来阻止代理 IP(免费的)。 正如您现在已经知道的那样,Cloudflare 提供 托管列表 。这些仅适用于企业客户。 他们的托管列表比我们在这里所做的更有效,但是考虑到它是免费的,我们的方法还是不错的。 为了获得额外的好处,您可以自定义返回的“阻止”页面以使用您的自定义安全 😁 为什么要阻止代理?在我的另一篇文章中,有人向我提问,例如“你到底为什么要阻止 TOR?”。与 TOR 一样,这些代理总是被滥用。 他们被滥用以创建多个虚假帐户、滥用促销、尝试黑客攻击、抓取等等。如果你对你的网站很认真,你应该阻止代理。尤其是如果您有一家小型商业商店。 我还想提一下,因为这些...
今天,您将学习如何免费使用 Cloudflare Workers 阻止 TOR 网络 IP(中继和网桥)。 在我们深入研究之前,我必须通知您 Cloudflare 最近引入了 Managed Lists ,其中阻止 TOR 可以通过单击完成。唯一的缺点是这些仅适用于企业客户。 如果你能负担得起,那就太好了;你可以忽略这篇文章。但是,如果您买不起企业计划,请继续阅读。 阻止 TOR 网络最初,我创建了一个仅用作 cron 作业的工作程序,获取 TOR IP,解析它们并将它们存储到 Cloudflare 列表中。然后,此列表将用于您在防火墙规则内拥有的任何网站。 列表功能的主要问题是它在所有列表中限制为 10,000 个项目。因此,即...
本文适合任何人,从初学者到最有经验的 Web 开发人员。 我见过长达十年的高级 Web 开发人员忽略字体并且没有正确处理它们,所以请继续阅读。 阅读下面几行后,您将使用正确的 @font-face 和 CSS,它们将在浏览器中正常工作。 您的网站在不同设备上的外观和性能都应如此。 什么是字体?我假设您已经知道这一点,否则您将不会阅读本文。 然而,为了提供信息,@font-face 允许将特定字体嵌入到网站上,而不必依赖远程用户将它们安装在他们的系统上。 可用的字体类型有:“.woff”、“.woff2”、“.ttf”、“.otf”、“.eot”和“.svg”。 ".woff" 代表 Web 开放字体格式 ".woff2"...
今天我们将讨论 Web 响应式图像,这是一个非常流行的话题,而且非常有问题。 如果你搜索这个主题,你会发现无数的文章有各种各样的解释,但我不会重复这些,并以不同的方式教你。 正确加载图像,提高您的 SEO 排名并为您的网站提供更好的用户体验。 什么是响应式图像?响应式图像将(应该)自动调整以适应屏幕尺寸。 但是……这是正确的做法吗? 嗯,是的,也不是。 如果您对此进行谷歌搜索或查看诸如 Bootstrap 之类的现代框架,您会注意到它们对“响应式图像”的定义是一个简单的 CSS,类似于: 1max-width: 100%; 2height: auto; 虽然这“有效”,但并不完全正确。有几个原因,但最重要的一个是图像大小。我不是在谈...