ShortPixel Critical CSS

描述

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.

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.

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

螢幕截圖

  • Settings page (Settings > ShortPixel Critical CSS)

  • Processed pages log (Settings > ShortPixel Critical CSS > Processed log tab)

安裝

Just search for “ShortPixel Critical CSS” in the plugin section of your website and install it as you would do with any other plugin.

常見問題

  • Is this plugin free?

As long as the plugin is in the BETA testing phase, it is completely free to use.

  • How can I report a problem?

Go to our contact page.

  • Does this work inside paywalls or membership websites/pages?

Not at this time. Since ShortPixel.com cannot currently access protected websites, the webpage must be publicly visible to work. Depending on demand, we may add a feature to allow use on protected websites/pages as well.

  • What happens if I update the site content or change my theme?

The plugin’s css cache is automatically purged for that post or term, and queued again the next time the user requests it.

  • What happens when I update a plugin or theme?

The entire cache is flushed, regardless of the purge setting.

  • Does this support all caching plugins?

Currently only WP-Rocket is supported. Others can be added as integrations upon request.

  • Which host is supported?

In general, any host. Some hosts like WPEngine provide special support for server cache cleanup.

  • What does the ‘/nocache/’ in the queued URLs mean?

This is used as a special version of the web page that forcibly disables supported caching and minify plugins to ensure critical CSS is created without complications. From an SEO perspective, these URLs are safe because they are not referenced anywhere and Google cannot crawl them.

評價

閱讀全部1個評價

貢獻者及開發者

“ShortPixel Critical CSS” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

ShortPixel Critical CSS 外掛目前已有 1 個本地化語言版本。 感謝所有譯者為這個外掛做出的貢獻。

將 ShortPixel Critical CSS 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

0.9.10

  • Fix warning when Fallback CSS not set

0.9.9

  • Initial version