內容簡介
使用 ShortPixel Critical CSS 外掛程式，您的網站能自動產生 「網頁視窗外CSS」 ，使網站加載速度加快，且測試工具 PageSpeed Insights 或 GTmetrix 能給出更高的分數。
如何運作？
- ShortPixel的「Critical CSS」（ CCSS ）外掛程式使用我們最新的服務生成網站頁面的「Critical CSS」。
- 生成的「Critical CSS」將被插入到網頁中，同時原本的.css檔案會被延遲。這使得頁面加載速度變快。
- 外掛程式開始對每個訪問的網頁進行CCSS生成，並從ShortPixel Critical CSS服務中檢索它。這是用 WP CRON 工作進行的，可在不干擾用戶或減慢網站速度的情況下在後台運行。
- 編輯後的頁面將自動生成「Critical CSS」 。
功能
- 可根據頁面 URL 或每個頁面模板的 Critical CSS 規則配置 Critical CSS外掛程式，以幫助優化需要的 CCSS 文件數量。
- 額外的靈活性：網站管理員可以手動配置其他需要包含在生成的Critical CSS中的Critical CSS次重要規則 。
- 如果 WP Rocket 和 Elementor存在，則我們的外掛程式將與它們集成，以便利用緩存支援並更有效地提供Critical CSS。
目前，此外掛程式在 BETA 版本時是 100％ 免費使用。只需在您的網站上安裝它，進行配置，然後使用工具如 Google PageSpeed Insights 或 GTmetrix進行測試即可。
如有任何疑問或支援需求，請直接聯繫我們，請點選此處。
外掛標籤
開發者團隊
原文外掛簡介
With ShortPixel Critical CSS plugin, your website can automatically generate above-the-fold CSS for your web pages.
This means your website will load faster and get better scores with online testing tools like PageSpeed Insights or GTmetrix.
IMPORTANT NOTICE: Plugin closure!
We would like to inform you that the ShortPixel Critical CSS plugin and criticalcss.co service will be closed starting December 1st, 2024, and will no longer be available.
The Critical CSS functionality has now been integrated into the FastPixel Caching plugin, and we highly recommend transitioning to this new plugin as soon as possible to ensure continued functionality and support.
If you have any questions, please feel free to contact us at [email protected].
How it works?
ShortPixel’s Critical CSS (CCSS) plugin uses our brand new service to generate the critical CSS for your website’s pages.
The generated CCSS is inserted into the web pages while the original .css files are deferred. This makes the pages load faster.
The plugin starts generating the CCSS for each visited page and retrieves it from the ShortPixel Critical CSS Service. This is done using WP CRON jobs that run in the background without user intervention and without slowing down the website.
The edited pages will have the CCSS automatically generated.
Features
The CCSS plugin can be configured to keep Critical CSS rules based on the page URL or for each page template. This can help optimize the number of CCSS files needed.
Additional flexibility: the website administrator can manually configure additional Critical CSS rules to be included in the generated Critical CSS.
Our plugin integrates with WP Rocket and Elementor, if they are present, in order to leverage the cache support and deliver Critical CSS more effectively.
The plugin was forked from the WP Critical CSS plugin, modified to use ShortPixel’s Critical CSS service and enhanced with new features.
Currently, the plugin while in its BETA version, is 100% free to use. Just install it on your website, configure it and test the results with a tool like Google PageSpeed Insights or GTMetrix
For questions or support, please contact us directly here
Other plugins by ShortPixel
FastPixel Caching – WP Optimization made easy
ShortPixel Image Optimizer – Image optimization & compression for all the images on your website, including WebP & AVIF delivery
ShortPixel Adaptive Images – On-the-fly image optimization & CDN delivery
Enable Media Replace – Easily replace images or files in Media Library
reGenerate Thumbnails Advanced – Easily regenerate thumbnails
Resize Image After Upload – Automatically resize each uploaded image
WP SVG Images – Secure upload of SVG files to Media Library
