Title: PUZZLER is JS + CSS combine
Author: igor.antoshkin
Published: <strong>23.12.2015</strong>
Last modified: 24.12.2015

---

Шукати плагіни

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

Цей плагін **не перевірявся з останніми 3-ма основними випусками WordPress**. Можливо,
він більше не може розроблятися або підтримуватися, і він може мати проблеми сумісності
при використанні з більш новими версіями WordPress.

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

# PUZZLER is JS + CSS combine

 Від автора [igor.antoshkin](https://profiles.wordpress.org/igorantoshkin/)

[Завантажити](https://downloads.wordpress.org/plugin/puzzler.zip)

 * [Деталі](https://uk.wordpress.org/plugins/puzzler/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/puzzler/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/puzzler/#installation)
 * [Розробка](https://uk.wordpress.org/plugins/puzzler/#developers)

 [Підтримка](https://wordpress.org/support/plugin/puzzler/)

## Опис

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

    }
    ```

#### риси

 * 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

## Скріншоти

[⌊Puzzler settings⌉⌊Puzzler settings⌉[

Puzzler settings

## Встановлення

 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

## Часті питання

None FAQs

## Відгуки

![](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/) 03.09.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/) 03.09.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/) 03.09.2016 1 reply

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/) 03.09.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

 [ Прочитати всі 4 відгуки ](https://wordpress.org/support/plugin/puzzler/reviews/)

## Учасники та розробники

“PUZZLER is JS + CSS combine” — проект з відкритим вихідним кодом. В розвиток плагіну
внесли свій вклад наступні учасники:

Учасники

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

[Перекладіть “PUZZLER is JS + CSS combine” на вашу мову.](https://translate.wordpress.org/projects/wp-plugins/puzzler)

### Цікавитесь розробкою?

[Перегляньте код](https://plugins.trac.wordpress.org/browser/puzzler/), перегляньте
[сховище SVN](https://plugins.svn.wordpress.org/puzzler/) або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/puzzler/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/puzzler/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

#### 1.0

 * First version

## Мета

 *  Версія **1.0**
 *  Останнє оновлення **11 років тому**
 *  Активних встановлень **10+**
 *  Версія WordPress ** 3.4 або вище **
 *  Tested up to **4.4.34**
 *  Мова
 * [English (US)](https://wordpress.org/plugins/puzzler/)
 * Позначки
 * [aggregate](https://uk.wordpress.org/plugins/tags/aggregate/)[combination](https://uk.wordpress.org/plugins/tags/combination/)
   [combine](https://uk.wordpress.org/plugins/tags/combine/)[css](https://uk.wordpress.org/plugins/tags/css/)
   [JS](https://uk.wordpress.org/plugins/tags/js/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/puzzler/advanced/)

## Оцінки

 4 out of 5 stars.

 *  [  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)

[See all reviews](https://wordpress.org/support/plugin/puzzler/reviews/)

## Учасники

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

## Підтримка

Є що сказати? Потрібна допомога?

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/puzzler/)

## Пожертвування

Ви хотіли б підтримати розвиток цього плагіна?

 [ Пожертвувати на розвиток плагіна ](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)