由於 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; 雖然這“有效”,但並不完全正確。有幾個原因,但最重要的一個是圖像大小。我不是在談論...