1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
|
<?php if (!defined('WPO_VERSION')) die('No direct access allowed'); ?>
<div id="wp-optimize-minify-status" class="wpo_section wpo_group<?php echo (!$wpo_minify_options['enabled']) ? ' wpo-feature-is-disabled' : ''; ?>">
<div class="wpo-info wpo-show">
<a class="wpo-info__trigger" href="#"><span class="dashicons dashicons-sos"></span> <?php _e('How to use the minify feature', 'wp-optimize'); ?> <span class="wpo-info__close"><?php _e('Close', 'wp-optimize'); ?></span></a>
<div class="wpo-info__content">
<p><strong><?php _e('Not sure how to use the Minify feature?', 'wp-optimize'); ?></strong> <br><?php _e('Watch our how-to video below.', 'wp-optimize'); ?></p>
<div class="wpo-video-preview">
<a href="https://vimeo.com/402556749" data-embed="https://player.vimeo.com/video/402556749?color=df6926&title=0&byline=0&portrait=0" target="_blank"><img src="<?php echo trailingslashit(WPO_PLUGIN_URL); ?>images/notices/minify-video-preview.png" alt="<?php _e('Minify video preview', 'wp-optimize');?>" /></a>
</div>
<small>(<?php _e('Loads a video hosted on vimeo.com', 'wp-optimize'); ?>) - <a href="https://vimeo.com/402556749" target="_blank"><?php _e('Open the video in a new window', 'wp-optimize'); ?></a></small>
<p><a href="<?php echo WP_Optimize()->maybe_add_affiliate_params('https://getwpo.com/faqs/category/minification/'); ?>"><?php _e('Read the documentation', 'wp-optimize'); ?></a></p>
</div>
</div>
<div id="wpo_settings_warnings"></div>
<?php if ($show_information_notice) : ?>
<div class="notice notice-warning wpo-warning is-dismissible below-h2 wp-optimize-minify-status-information-notice wpo-show">
<p>
<span class="dashicons dashicons-shield"></span>
<strong><?php _e('CSS, JavaScript and HTML minification is an advanced feature.', 'wp-optimize'); ?></strong><br>
<?php _ex('While enabling it will work just fine for most sites, it might need specific configuration to work properly on your website.', '"it" refers to the Minify feature.', 'wp-optimize'); ?><br>
<?php _ex('If you encounter an issue and are not sure what to do, disable the feature and ask for help on the support forum.', '"it" refers to the Minify feature.', 'wp-optimize'); ?>
<?php _ex('We will do our best to help you configure it.', '"it" refers to the Minify feature.', 'wp-optimize'); ?>
<a href="<?php echo WP_Optimize()->maybe_add_affiliate_params('https://getwpo.com/faqs/category/minification/'); ?>"><?php _e('Read the documentation', 'wp-optimize'); ?></a>
</p>
</div>
<?php endif; ?>
<div class="wpo-fieldgroup wpo-show">
<div class="switch-container">
<label class="switch">
<input
name="enabled"
id="wpo_min_enable_minify"
class="wpo-save-setting"
type="checkbox"
value="true"
<?php echo WPO_MINIFY_PHP_VERSION_MET ? '' : 'disabled'; ?>
<?php checked($wpo_minify_options['enabled']); ?>
>
<span class="slider round"></span>
</label>
<label for="wpo_min_enable_minify">
<?php if (WPO_MINIFY_PHP_VERSION_MET) {
_e('Enable Minify', 'wp-optimize');
} else {
echo __('The PHP version on your server is too old.', 'wp-optimize').' '.__('Update PHP to enable minification of JS, CSS and HTML on this website', 'wp-optimize');
?>
<span tabindex="0" data-tooltip="<?php esc_attr_e('PHP version requirement (5.4 minimum) not met', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></span>
<?php
}
?>
</label>
</div>
<p><?php _e('If this is turned on, then the default settings are that JavaScript and CSS on this website will be concatenated and minified and HTML will be minified.', 'wp-optimize'); ?> <?php _e('You can adjust the settings in the tabs above to control this to meet your requirements.', 'wp-optimize'); ?></p>
<?php if (defined('SCRIPT_DEBUG') && SCRIPT_DEBUG) : ?>
<div class="notice notice-warning">
<p><span class="dashicons dashicons-info"></span> <?php printf(__('The constant %s is set to true, so no JavaScript or CSS file will be minified.', 'wp-optimize'), '<code>SCRIPT_DEBUG</code>'); ?></p>
</div>
<?php endif; ?>
<div class="wpo-minify-features">
<div class="wpo-fieldgroup__subgroup">
<div class="switch-container">
<label class="switch">
<input
name="html_minification"
id="wpo_min_enable_minify_html"
class="wpo-save-setting"
type="checkbox"
value="true"
<?php checked($wpo_minify_options['html_minification']);?>
>
<span class="slider round"></span>
</label>
<label for="wpo_min_enable_minify_html">
<?php _e('Process HTML', 'wp-optimize'); ?>
<?php // Note: the comment added by WPO regarding cacheing will not be removed (it's added later in the process) ?>
<span tabindex="0" data-tooltip="<?php esc_attr_e('All HTML will be minified (removal of extra blank space), and all HTML comments will be removed.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span>
</label>
</div>
</div>
<div class="wpo-fieldgroup__subgroup">
<div class="switch-container">
<label class="switch">
<input
name="enable_js"
id="wpo_min_enable_minify_js"
class="wpo-save-setting"
type="checkbox"
value="true"
data-tabname="js"
<?php checked($wpo_minify_options['enable_js']);?>
>
<span class="slider round"></span>
</label>
<label for="wpo_min_enable_minify_js">
<?php _e('Process JavaScript files', 'wp-optimize'); ?>
<span tabindex="0" data-tooltip="<?php esc_attr_e('The JavaScript files will be combined and minified to lower the number and size of requests.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span>
<a href="#" class="js--wpo-goto" data-tab="js"><?php _e('Settings', 'wp-optimize'); ?></a>
</label>
</div>
</div>
<div class="wpo-fieldgroup__subgroup">
<div class="switch-container">
<label class="switch">
<input
name="enable_css"
id="wpo_min_enable_minify_css"
class="wpo-save-setting"
type="checkbox"
value="true"
data-tabname="css"
<?php checked($wpo_minify_options['enable_css']);?>
>
<span class="slider round"></span>
</label>
<label for="wpo_min_enable_minify_css">
<?php _e('Process CSS files', 'wp-optimize'); ?>
<span tabindex="0" data-tooltip="<?php esc_attr_e('The stylesheets will be combined and minified to lower the number and size of requests.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span>
<a href="#" class="js--wpo-goto" data-tab="css"><?php _e('Settings', 'wp-optimize'); ?></a>
</label>
</div>
</div>
</div>
</div>
<div class="wpo-fieldgroup">
<p class="actions">
<input
class="button button-primary purge_minify_cache <?php echo $can_purge_the_cache ? '' : 'disabled'; ?>"
type="submit"
value="<?php esc_attr_e('Reset the minified files', 'wp-optimize'); ?>"
<?php echo WPO_MINIFY_PHP_VERSION_MET && $can_purge_the_cache ? '' : 'disabled'; ?>
/>
<img class="wpo_spinner" src="<?php echo esc_attr(admin_url('images/spinner-2x.gif')); ?>" alt="...">
<span class="save-done dashicons dashicons-yes display-none"></span>
</p>
<p>
<span><?php _e("The new minified files will be regenerated when visiting your website's pages.", 'wp-optimize'); ?> <a href="https://getwpo.com/faqs/what-does-reset-the-minified-files-actually-do/"><?php _e('Read more about what this does in our FAQs.', 'wp-optimize'); ?></a> (<?php _e('This will also purge the page cache', 'wp-optimize'); ?>)</span>
</p>
<?php if (WPO_MINIFY_PHP_VERSION_MET) : ?>
<?php _e('Minify cache size:', 'wp-optimize'); ?>
<ul class="ul-disc">
<li><?php _e('Current cache:', 'wp-optimize'); ?>
<strong id="wpo_min_cache_size">
<?php echo esc_html(WP_Optimize_Minify_Cache_Functions::get_cachestats($cache_dir)); ?>
</strong>
<a href="#" class="js--wpo-goto" data-tab="advanced"><?php _e('View the files', 'wp-optimize'); ?></a>
</li>
<li>
<?php _e('Total cache:', 'wp-optimize'); ?>
<strong id="wpo_min_cache_total_size">
<?php echo esc_html(WP_Optimize_Minify_Cache_Functions::get_cachestats(WPO_CACHE_MIN_FILES_DIR)); ?>
</strong>
<strong tabindex="0" data-tooltip="<?php _e('This includes the older, non-expired cache, as well as the temporary files used to generate the minified files.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></strong>
</li>
</ul>
<?php endif; ?>
<p>
<?php _e('Last Minify cache update:', 'wp-optimize'); ?>
<strong id="wpo_min_cache_time">
<?php
if (empty($wpo_minify_options['last-cache-update'])) {
_e('Never.', 'wp-optimize');
} else {
echo WP_Optimize_Minify_Cache_Functions::format_date_time($wpo_minify_options['last-cache-update']);
}
?>
</strong>
</p>
<?php if ($wpo_minify_options['debug']) : ?>
<p class="actions">
<input
class="button minify_increment_cache"
type="button"
value="<?php esc_attr_e('Increment cache', 'wp-optimize'); ?>"
<?php echo WPO_MINIFY_PHP_VERSION_MET ? '' : 'disabled'; ?>
/>
<img class="wpo_spinner" src="<?php echo esc_attr(admin_url('images/spinner-2x.gif')); ?>" alt="...">
<span class="save-done dashicons dashicons-yes display-none"></span>
<strong tabindex="0" data-tooltip="<?php _e('This will reset the files generated by minify, but use the existing minify temporary files.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></strong>
</p>
<p class="actions">
<input
class="button purge_all_minify_cache"
type="button"
value="<?php esc_attr_e('Delete all the files generated by minify', 'wp-optimize'); ?>"
<?php echo WPO_MINIFY_PHP_VERSION_MET ? '' : 'disabled'; ?>
/>
<img class="wpo_spinner" src="<?php echo esc_attr(admin_url('images/spinner-2x.gif')); ?>" alt="...">
<span class="save-done dashicons dashicons-yes display-none"></span>
<strong tabindex="0" data-tooltip="<?php _e('If you are using an unsupported cache plugin, then you will also need to purge your page cache when doing this.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span></strong>
</p>
<?php endif; ?>
</div>
</div><!-- end #wp-optimize-minify-status -->
|