[WordPress] 外掛分享： PUZZLER is JS + CSS combine

WordPress 外掛 PUZZLER is JS + CSS combine 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「PUZZLER is JS + CSS combine」是 2015-12-22 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2015-12-24，距離現在已有 3419 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 3.4 以上版本才可以安裝。
  • 有 4 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

igorantoshkin |

外掛標籤

JS | css | combine | aggregate | combination |

內容簡介

Puzzler 是一個優秀的 JavaScript/CSS 聚合器，適合專業用戶使用：

自動將所有佇列中的腳本和樣式表合併成為單一檔案，以加快網站的載入速度。
無需設置即可立即啟動。
您可以將腳本和樣式表添加到佇列中、更改順序、進行編輯，Puzzler 會自動進行重新合併。

使用 Puzzler，讓你無憂無慮。

需要 PHP 5.4 或更高版本。

使用前需牢記 3 條關鍵規則：

第一個關鍵規則

所有腳本和樣式表必須僅在 1 個位置和 1 次中包含，例如在 wp_enqueue_scripts 鉤子中。

第二個關鍵規則

僅針對 media='all'（沒有選擇式的樣式表、標題或條件式）執行樣式表（css）聚合。

第三個關鍵規則

避免在條件式中註冊/佇列化腳本/樣式表。
add_action('wp_enqueue_scripts', 'my_enqueue_scripts');
function my_enqueue_scripts() {

// -- 錯誤的做法！
if ( is_single() || is_page() ) {
wp_enqueue_script('myscript');
}

// -- 正確的做法！
wp_enqueue_script('myscript');

}

特色

自動檢測檔案更改
聚合 CSS 後自動修正內部鏈接 (url/src)
在 Google PageSpeed Insights 上自動提高 20 分
聚合的腳本/樣式表可設置異步加載或延遲載入
與 Windows 兼容

原文外掛簡介

Puzzler – it excellent js/css aggregator for advanced users:

Automatically combines all enqueued scripts/styles into a single file, for faster loading blog.
Starts immediately without setting.
You can adds scripts and styles in queue, change the order, edit – and Puzzler automatically make recombines.

Puzzler – don’t worry be happy.
Require PHP 5.4 or high.
You should remember 3 key rules before using:
Key rule 1

All scripts and styles must include ONLY 1 time and ONLY in 1 place, e.g. in wp_enqueue_scripts hook

Key rule 2

Styles(css) aggregation perform only for media=’all’ ( without alternative stylesheets, titles, conditionals )

Key rule 3

Avoid register/enqueue scripts/styles in conditional expressions
add_action(‘wp_enqueue_scripts’, ‘my_enqueue_scripts’);
function my_enqueue_scripts() {

// -- don't do it !
if ( is_single() || is_page() ) {
wp_enqueue_script('myscript');
}

// -- correct !
wp_enqueue_script('myscript');

}

Features

Auto detect files change
Autocorrect internal links in the CSS after aggregation ( url/src )
Auto +20 scores in Google PageSpeed Insights
Async/lazy load aggregated scripts/styles
Windows compatible

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「PUZZLER is JS + CSS combine」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

最新版本

延伸相關外掛（你可能也想知道）

  • Clear Cache for Me 》Clear Cache For Me 是一個 WordPress 外掛，適用於 W3 Total Cache 和 WP Super Cache，因為它們不知道 widget 何時更新，且在更新 widget 和 menu 時都不會...。
  • SOGO Add Script to Individual Pages Header Footer 》已經在 Gutenberg 上進行測試, 創建一個簡單的方式，為個別頁面、文章或自訂文章類型的標題和頁腳添加 JavaScript 代碼，, 例如: 在感謝頁面上添加轉換代碼, ...。
  • LuckyWP Scripts Control 》「LuckyWP Scripts Control」外掛允許您將自訂代碼插入和管理網站。例如，您可以插入 Google Analytics 代碼、Google Search Console 驗證元標記、Facebook ...。
  • Simple Header Footer HTML 》這個外掛可以讓您的使用者插入自訂的 CSS，或是加入自訂的標頭或 JavaScript 到網站中，而不必編輯主題檔案。與類似的標頭/底部外掛不同的是，這個外掛的設計...。
  • Shadowbox JS 》Shadowbox 是一款支援網路上所有最流行的媒體發佈格式的線上媒體觀看應用程式。Shadowbox 基於 JavaScript 和 CSS 撰寫，且高度可自訂。透過使用 Shadowbox，...。
  • ReactPress – Create React App for WordPress 》ReactPress 讓你可以輕鬆地創建、構建和部署 React 應用程序到現有的 WordPress 網站。使用你的 React 知識為你的 WordPress 客戶創建單頁應用程序。, 只需幾...。
  • JS & CSS Script Optimizer 》功能, , 將多個腳本群組成單個文件（最小化 http 請求次數）, 將多個 CSS 文件組合成單個文件（使用「media」進行分組）, 使用 Dean Edwards 的 JavaScript P...。
  • Add Admin JavaScript 》此外掛提供了新增自訂動態功能至 WordPress 管理員頁面及應用 JavaScript 的能力。您可以透過此插件輕易地定義要新增到所有管理員頁面中的 JavaScript，包含...。
  • WP Minify Fix 》這個外掛是 WP Minify 的分支，旨在修復錯誤和添加功能，因為 WP Minify 自 2012 年 6 月 4 日以來就沒有進行更新了。, 這個外掛將Minify engine整合到您的 W...。
  • Async JS and CSS 》當網頁被瀏覽器加載時，所有放置在 HEAD 標籤內的東西都會在頁面內容之前以阻止方式先載入。所以內容會在最後一刻，也就是所有 JavaScript 和 CSS 檔案載入後...。
  • Append Link on Copy 》透過這個外掛，您可以自動在從您的網頁複製的內容中添加文字或 HTML。, 當訪客從您的網站複製任何文字時，會附加連結至該頁面，因此如果文字貼上到其他地方，...。
  • Typed JS: A typewriter style animation 》。
  • Custom CSS/JS 》歡迎使用由PieSolutions開發的 WP Custom CSS JS 外掛。, 如果您想在網站上增加 HTML、CSS、Javascript、Jquery 或追蹤像素，而又不想去更動主題檔案，這個輕...。
  • Specific CSS/JS for Posts and Pages 》Specific CSS/JS for Posts and Pages 是一個外掛，允許你為特定的文章或頁面加入自訂的 CSS 或 Javascript 檔案，或是直接在標頭中嵌入程式碼。, 外掛官方網...。
  • NGT jsDelivr CDN 》這個外掛會將所有 WP 核心資源替換成由 jsDelivr 提供的版本。, 以下的條件必須符合，才能從 jsDeliver 提供外掛資源：, , 該外掛必須在 wp.org 上托管。商業...。

文章
Filter
Apply Filters
Close
Mastodon