Title: PUZZLER is JS + CSS combine
Author: igor.antoshkin
Published: <strong>23 Tháng 12, 2015</strong>
Last modified: 24 Tháng 12, 2015

---

Tìm kiếm plugin

![](https://ps.w.org/puzzler/assets/banner-772x250.jpg?rev=1315732)

Plugin này **chưa được cập nhật với 3 phiên bản mới nhất của WordPress**. Nó có 
thể không được hỗ trợ và bảo trì, và có thể xung đột với các phiên bản WordPress
mới nhất.

![](https://ps.w.org/puzzler/assets/icon-128x128.png?rev=1315733)

# PUZZLER is JS + CSS combine

 Bởi [igor.antoshkin](https://profiles.wordpress.org/igorantoshkin/)

[Tải về](https://downloads.wordpress.org/plugin/puzzler.zip)

 * [Chi tiết](https://vi.wordpress.org/plugins/puzzler/#description)
 * [Đánh giá](https://vi.wordpress.org/plugins/puzzler/#reviews)
 *  [Cài đặt](https://vi.wordpress.org/plugins/puzzler/#installation)
 * [Nhà phát triển](https://vi.wordpress.org/plugins/puzzler/#developers)

 [Hỗ trợ](https://wordpress.org/support/plugin/puzzler/)

## Mô tả

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');

    }
    ```

#### Chức năng

 * 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

## Ảnh màn hình

[⌊Puzzler settings⌉⌊Puzzler settings⌉[

Puzzler settings

## Cài đặt

 1. Make sure **PHP version is 5.4** or high.
 2. Create in your _wp-content_ directory, **cache** folder with 0777 permissions
 3. Upload the plugin files to the `plugins/puzzler` directory, or install the plugin
    through the WordPress plugins screen directly.
 4. Activate the plugin through the ‘Plugins’ screen in WordPress
 5. You can configure plugin through “Puzzler” item in main admin menu

## Hỏi đáp

None FAQs

## Đánh giá

![](https://secure.gravatar.com/avatar/65505e057cc86480cbfb88a2cc24c217631e5fc391b99c926e60a53d8e84b133?
s=60&d=retro&r=g)

### 󠀁[It's really only for advanced users](https://wordpress.org/support/topic/its-really-only-for-advanced-users/)󠁿

 [nenosadog](https://profiles.wordpress.org/nenosadog/) 3 Tháng 9, 2016

interested, all scripts&styles (include themes+plugins) must enqueued only in wp_enqueue_scripts().
in this case – working perfectly, else – can be crash)

![](https://secure.gravatar.com/avatar/5e2ea17b039fd47917e5f74220e50a819ba9a43b075e21e687f8fb2bd74b613c?
s=60&d=retro&r=g)

### 󠀁[Super fast 🙂](https://wordpress.org/support/topic/super-fast-6/)󠁿

 [qazitron](https://profiles.wordpress.org/qazitron/) 3 Tháng 9, 2016

Thanks.

![](https://secure.gravatar.com/avatar/9b186431441e088fe2d9260e0d2dad272a6f397994cfd19a1c1b332e2fe4261b?
s=60&d=retro&r=g)

### 󠀁[Broke my site](https://wordpress.org/support/topic/broke-my-site-100/)󠁿

 [sublines](https://profiles.wordpress.org/sublines/) 3 Tháng 9, 2016 1 trả lời

This plugin completely broke my site. My server fulfills the requirements but changing
any settings of the plugin didn’t help at all but at least after deactivating it
everything was back to normal. What a relief. I took a look at the compressed files
it genereated and already saw that this would not work without bothering to look
into details. Also: I’m pretty sure relying on a cache folder with CHMOD 777 is 
bad practice.

![](https://secure.gravatar.com/avatar/8162d29f83854542f6636fa642650568a8f17f7fd6eb7c92bb164e2e976bb7af?
s=60&d=retro&r=g)

### 󠀁[Ready to help with the plugin.](https://wordpress.org/support/topic/ready-to-help-with-the-plugin/)󠁿

 [igor.antoshkin](https://profiles.wordpress.org/igorantoshkin/) 3 Tháng 9, 2016

Hi guys. If you have any problems or questions with the plugin, please email me 
and I will help you. igor.antoshkin@gmail.com

 [ Đọc tất cả 4 đánh giá ](https://wordpress.org/support/plugin/puzzler/reviews/)

## Người đóng góp & Lập trình viên

“PUZZLER is JS + CSS combine” là mã nguồn mở. Những người sau đã đóng góp vào plugin
này.

Những người đóng góp

 *   [ igor.antoshkin ](https://profiles.wordpress.org/igorantoshkin/)

[Dịch “PUZZLER is JS + CSS combine” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/puzzler)

### Muốn tham gia phát triển?

[Duyệt code](https://plugins.trac.wordpress.org/browser/puzzler/), check out [SVN repository](https://plugins.svn.wordpress.org/puzzler/),
hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/puzzler/)
qua [RSS](https://plugins.trac.wordpress.org/log/puzzler/?limit=100&mode=stop_on_copy&format=rss).

## Nhật ký thay đổi

#### 1.0

 * First version

## Meta

 *  Phiên bản **1.0**
 *  Cập nhật lần cuối **11 năm trước**
 *  Số lượt cài đặt **10+**
 *  Phiên bản WordPress ** 3.4 hoặc cao hơn **
 *  Đã kiểm tra lên đến **4.4.34**
 *  Ngôn ngữ
 * [English (US)](https://wordpress.org/plugins/puzzler/)
 * Thẻ
 * [aggregate](https://vi.wordpress.org/plugins/tags/aggregate/)[combination](https://vi.wordpress.org/plugins/tags/combination/)
   [combine](https://vi.wordpress.org/plugins/tags/combine/)[css](https://vi.wordpress.org/plugins/tags/css/)
   [JS](https://vi.wordpress.org/plugins/tags/js/)
 *  [Nâng cao](https://vi.wordpress.org/plugins/puzzler/advanced/)

## Đánh giá

 4 trên 5 sao.

 *  [  3 5-star reviews     ](https://wordpress.org/support/plugin/puzzler/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/puzzler/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/puzzler/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/puzzler/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/puzzler/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/puzzler/reviews/#new-post)

[Xem tất cả đánh giá](https://wordpress.org/support/plugin/puzzler/reviews/)

## Những người đóng góp

 *   [ igor.antoshkin ](https://profiles.wordpress.org/igorantoshkin/)

## Hỗ trợ

Có điều gì muốn nói? cần giúp đỡ?

 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/puzzler/)

## Ủng hộ

Bạn có muốn hỗ trợ vào sự phát triển của plugin này?

 [ Ủng hộ plugin này ](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=igor%2eantoshkin%40gmail%2ecom&lc=GB&item_name=WP%20Puzzler%20plugin&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donate_LG%2egif%3aNonHosted)