futtta /
autoptimize
@@ -12,28 +12,28 @@ |
||
| 12 | 12 | .ao_settings_div {background: white;border: 1px solid #ccc;padding: 1px 15px;margin: 15px 10px 10px 0;} |
| 13 | 13 | .ao_settings_div .form-table th {font-weight: normal;} |
| 14 | 14 | </style> |
| 15 | - <script>document.title = "Autoptimize: <?php _e( 'Critical CSS', 'autoptimize' ); ?> " + document.title;</script> |
|
| 15 | + <script>document.title = "Autoptimize: <?php _e('Critical CSS', 'autoptimize'); ?> " + document.title;</script> |
|
| 16 | 16 | <ul id="explain-panel"> |
| 17 | 17 | <div class="ao_settings_div"> |
| 18 | 18 | <?php |
| 19 | 19 | $ccss_explanation = ''; |
| 20 | 20 | |
| 21 | 21 | // get the HTML with the explanation of what critical CSS is. |
| 22 | - if ( apply_filters( 'autoptimize_settingsscreen_remotehttp', true ) ) { |
|
| 23 | - $ccss_explanation = get_transient( 'ao_ccss_explain' ); |
|
| 24 | - if ( empty( $ccss_explanation ) ) { |
|
| 25 | - $ccss_expl_resp = wp_remote_get( 'https://misc.optimizingmatters.com/autoptimize_ccss_explain.html?ao_ver=' . AUTOPTIMIZE_PLUGIN_VERSION ); |
|
| 26 | - if ( ! is_wp_error( $ccss_expl_resp ) ) { |
|
| 27 | - if ( '200' == wp_remote_retrieve_response_code( $ccss_expl_resp ) ) { |
|
| 28 | - $ccss_explanation = wp_kses_post( wp_remote_retrieve_body( $ccss_expl_resp ) ); |
|
| 29 | - set_transient( 'ao_ccss_explain', $ccss_explanation, WEEK_IN_SECONDS ); |
|
| 22 | + if (apply_filters('autoptimize_settingsscreen_remotehttp', true)) { |
|
| 23 | + $ccss_explanation = get_transient('ao_ccss_explain'); |
|
| 24 | + if (empty($ccss_explanation)) { |
|
| 25 | + $ccss_expl_resp = wp_remote_get('https://misc.optimizingmatters.com/autoptimize_ccss_explain.html?ao_ver='.AUTOPTIMIZE_PLUGIN_VERSION); |
|
| 26 | + if (!is_wp_error($ccss_expl_resp)) { |
|
| 27 | + if ('200' == wp_remote_retrieve_response_code($ccss_expl_resp)) { |
|
| 28 | + $ccss_explanation = wp_kses_post(wp_remote_retrieve_body($ccss_expl_resp)); |
|
| 29 | + set_transient('ao_ccss_explain', $ccss_explanation, WEEK_IN_SECONDS); |
|
| 30 | 30 | } |
| 31 | 31 | } |
| 32 | 32 | } |
| 33 | 33 | } |
| 34 | 34 | |
| 35 | 35 | // placeholder text in case HTML is empty. |
| 36 | - if ( empty( $ccss_explanation ) ) { |
|
| 36 | + if (empty($ccss_explanation)) { |
|
| 37 | 37 | $ccss_explanation = '<h2>Fix render-blocking CSS!</h2><p>Significantly improve your first-paint times by making CSS non-render-blocking.</p><p>The next step is to sign up at <a href="https://criticalcss.com/?aff=1" target="_blank">https://criticalcss.com</a> (this is a premium service, priced 2 GBP/month for membership and 5 GBP/month per domain) <strong>and get the API key, which you can copy from <a href="https://criticalcss.com/account/api-keys?aff=1" target="_blank">the API-keys page</a></strong> and paste below.</p><p>If you have any questions or need support, head on over to <a href="https://wordpress.org/support/plugin/autoptimize" target="_blank">our support forum</a> and we\'ll help you get up and running in no time!</p>'; |
| 38 | 38 | } |
| 39 | 39 | |
@@ -11,21 +11,21 @@ discard block |
||
| 11 | 11 | global $ao_ccss_queue; |
| 12 | 12 | |
| 13 | 13 | // Prepare the queue object. |
| 14 | - if ( empty( $ao_ccss_queue ) ) { |
|
| 14 | + if (empty($ao_ccss_queue)) { |
|
| 15 | 15 | $ao_ccss_queue = ''; |
| 16 | 16 | } else { |
| 17 | - $ao_ccss_queue = json_encode( $ao_ccss_queue ); |
|
| 17 | + $ao_ccss_queue = json_encode($ao_ccss_queue); |
|
| 18 | 18 | } |
| 19 | 19 | ?> |
| 20 | 20 | |
| 21 | 21 | <ul id="queue-panel"> |
| 22 | 22 | <li class="itemDetail"> |
| 23 | - <h2 class="itemTitle fleft"><?php _e( 'Job Queue', 'autoptimize' ); ?></h2> |
|
| 23 | + <h2 class="itemTitle fleft"><?php _e('Job Queue', 'autoptimize'); ?></h2> |
|
| 24 | 24 | <button type="button" class="toggle-btn"> |
| 25 | 25 | <span class="toggle-indicator dashicons dashicons-arrow-up dashicons-arrow-down"></span> |
| 26 | 26 | </button> |
| 27 | 27 | <?php |
| 28 | - if ( autoptimizeCriticalCSSSettings::ao_ccss_has_autorules() ) { |
|
| 28 | + if (autoptimizeCriticalCSSSettings::ao_ccss_has_autorules()) { |
|
| 29 | 29 | $_queue_visibility = 'hidden'; |
| 30 | 30 | } else { |
| 31 | 31 | $_queue_visibility = 'visible'; |
@@ -34,54 +34,54 @@ discard block |
||
| 34 | 34 | <div class="collapsible <?php echo $_queue_visibility; ?>"> |
| 35 | 35 | <!-- BEGIN Queue dialogs --> |
| 36 | 36 | <!-- Retry dialog --> |
| 37 | - <div id="queue-confirm-retry" title="<?php _e( 'Retry Job', 'autoptimize' ); ?>" class="hidden"> |
|
| 38 | - <p><?php _e( 'Are you sure you want to retry this job?', 'autoptimize' ); ?></p> |
|
| 37 | + <div id="queue-confirm-retry" title="<?php _e('Retry Job', 'autoptimize'); ?>" class="hidden"> |
|
| 38 | + <p><?php _e('Are you sure you want to retry this job?', 'autoptimize'); ?></p> |
|
| 39 | 39 | </div> |
| 40 | 40 | |
| 41 | 41 | <!-- Remove dialog --> |
| 42 | - <div id="queue-confirm-rm" title="<?php _e( 'Delete Job', 'autoptimize' ); ?>" class="hidden"> |
|
| 43 | - <p><?php _e( 'Are you sure you want to delete this job?', 'autoptimize' ); ?></p> |
|
| 42 | + <div id="queue-confirm-rm" title="<?php _e('Delete Job', 'autoptimize'); ?>" class="hidden"> |
|
| 43 | + <p><?php _e('Are you sure you want to delete this job?', 'autoptimize'); ?></p> |
|
| 44 | 44 | </div> |
| 45 | 45 | |
| 46 | 46 | <!-- Remove all dialog --> |
| 47 | - <div id="queue-confirm-rm-all" title="<?php _e( 'Delete all jobs', 'autoptimize' ); ?>" class="hidden"> |
|
| 48 | - <p><?php _e( 'This will delete all jobs, are you sure?', 'autoptimize' ); ?></p> |
|
| 47 | + <div id="queue-confirm-rm-all" title="<?php _e('Delete all jobs', 'autoptimize'); ?>" class="hidden"> |
|
| 48 | + <p><?php _e('This will delete all jobs, are you sure?', 'autoptimize'); ?></p> |
|
| 49 | 49 | </div> |
| 50 | 50 | <!-- END Queue dialogs --> |
| 51 | 51 | |
| 52 | 52 | <!-- BEGIN Queue UI --> |
| 53 | 53 | <div class="howto"> |
| 54 | 54 | <div class="title-wrap"> |
| 55 | - <h4 class="title"><?php _e( 'How To Use Autoptimize CriticalCSS Power-Up Queue', 'autoptimize' ); ?></h4> |
|
| 56 | - <p class="subtitle"><?php _e( 'Click the side arrow to toggle instructions', 'autoptimize' ); ?></p> |
|
| 55 | + <h4 class="title"><?php _e('How To Use Autoptimize CriticalCSS Power-Up Queue', 'autoptimize'); ?></h4> |
|
| 56 | + <p class="subtitle"><?php _e('Click the side arrow to toggle instructions', 'autoptimize'); ?></p> |
|
| 57 | 57 | </div> |
| 58 | 58 | <button type="button" class="toggle-btn"> |
| 59 | 59 | <span class="toggle-indicator dashicons dashicons-arrow-up dashicons-arrow-down"></span> |
| 60 | 60 | </button> |
| 61 | 61 | <div class="howto-wrap hidden"> |
| 62 | - <p><?php _e( 'TL;DR:<br /><strong>Queue runs every 10 minutes.</strong> Job statuses are <span class="badge new">N</span> for NEW, <span class="badge pending">P</span> for PENDING, <span class="badge error">E</span> for ERROR and <span class="badge unknown">U</span> for UNKOWN.', 'autoptimize' ); ?></p> |
|
| 62 | + <p><?php _e('TL;DR:<br /><strong>Queue runs every 10 minutes.</strong> Job statuses are <span class="badge new">N</span> for NEW, <span class="badge pending">P</span> for PENDING, <span class="badge error">E</span> for ERROR and <span class="badge unknown">U</span> for UNKOWN.', 'autoptimize'); ?></p> |
|
| 63 | 63 | <ol> |
| 64 | - <li><?php _e( 'The queue operates <strong>automatically, asynchronously and on regular intervals of 10 minutes.</strong> To view updated queue status, refresh this page.', 'autoptimize' ); ?></li> |
|
| 65 | - <li><?php _e( 'When the conditions to create a job are met (i.e. user not logged in, no matching <span class="badge manual">MANUAL</span> rule or CSS files has changed for an <span class="badge auto">AUTO</span> rule), a <span class="badge new">N</span> job is created in the queue.', 'autoptimize' ); ?></li> |
|
| 66 | - <li><?php _e( "Autoptimize CriticalCSS Power-Up constantly query the queue for <span class='badge new'>N</span> jobs. When it finds one, gears spins and jobs becomes <span class='badge pending'>P</span> while they are running and <a href='https://criticalcss.com/?aff=1' target='_blank'>criticalcss.com</a> doesn't return a result.", 'autoptimize' ); ?></li> |
|
| 67 | - <li><?php _e( 'As soon as <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> returns a valid critical CSS file, the job is then finished and removed from the queue.', 'autoptimize' ); ?></li> |
|
| 68 | - <li><?php _e( 'When things go wrong, a job is marked as <span class="badge error">E</span>. You can retry faulty jobs, delete them or get in touch with <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> for assistance.', 'autoptimize' ); ?></li> |
|
| 69 | - <li><?php _e( 'Sometimes an unknown condition can happen. In this case, the job status becomes <span class="badge unknown">U</span> and you may want to ask <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> for help or just delete it.', 'autoptimize' ); ?></li> |
|
| 70 | - <li><?php _e( 'To get more information about jobs statuses, specially the ones with <span class="badge error">E</span> and <span class="badge unknown">U</span> status, hover your mouse in the status badge of that job. This information might be crucial when contacting <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> for assistance.', 'autoptimize' ); ?></li> |
|
| 71 | - <li><?php _e( '<strong>A word about WordPress cron:</strong> Autoptimize CriticalCSS Power-Up watch the queue by using WordPress Cron (or WP-Cron for short.) It <a href="https://www.smashingmagazine.com/2013/10/schedule-events-using-wordpress-cron/#limitations-of-wordpress-cron-and-solutions-to-fix-em" target="_blank">could be faulty</a> on very light or very heavy loads. If your site receives just a few or thousands visits a day, it might be a good idea to <a href="https://developer.wordpress.org/plugins/cron/hooking-into-the-system-task-scheduler/" target="_blank">turn WP-Cron off and use your system task scheduler</a> to fire it instead.', 'autoptimize' ); ?></li> |
|
| 64 | + <li><?php _e('The queue operates <strong>automatically, asynchronously and on regular intervals of 10 minutes.</strong> To view updated queue status, refresh this page.', 'autoptimize'); ?></li> |
|
| 65 | + <li><?php _e('When the conditions to create a job are met (i.e. user not logged in, no matching <span class="badge manual">MANUAL</span> rule or CSS files has changed for an <span class="badge auto">AUTO</span> rule), a <span class="badge new">N</span> job is created in the queue.', 'autoptimize'); ?></li> |
|
| 66 | + <li><?php _e("Autoptimize CriticalCSS Power-Up constantly query the queue for <span class='badge new'>N</span> jobs. When it finds one, gears spins and jobs becomes <span class='badge pending'>P</span> while they are running and <a href='https://criticalcss.com/?aff=1' target='_blank'>criticalcss.com</a> doesn't return a result.", 'autoptimize'); ?></li> |
|
| 67 | + <li><?php _e('As soon as <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> returns a valid critical CSS file, the job is then finished and removed from the queue.', 'autoptimize'); ?></li> |
|
| 68 | + <li><?php _e('When things go wrong, a job is marked as <span class="badge error">E</span>. You can retry faulty jobs, delete them or get in touch with <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> for assistance.', 'autoptimize'); ?></li> |
|
| 69 | + <li><?php _e('Sometimes an unknown condition can happen. In this case, the job status becomes <span class="badge unknown">U</span> and you may want to ask <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> for help or just delete it.', 'autoptimize'); ?></li> |
|
| 70 | + <li><?php _e('To get more information about jobs statuses, specially the ones with <span class="badge error">E</span> and <span class="badge unknown">U</span> status, hover your mouse in the status badge of that job. This information might be crucial when contacting <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> for assistance.', 'autoptimize'); ?></li> |
|
| 71 | + <li><?php _e('<strong>A word about WordPress cron:</strong> Autoptimize CriticalCSS Power-Up watch the queue by using WordPress Cron (or WP-Cron for short.) It <a href="https://www.smashingmagazine.com/2013/10/schedule-events-using-wordpress-cron/#limitations-of-wordpress-cron-and-solutions-to-fix-em" target="_blank">could be faulty</a> on very light or very heavy loads. If your site receives just a few or thousands visits a day, it might be a good idea to <a href="https://developer.wordpress.org/plugins/cron/hooking-into-the-system-task-scheduler/" target="_blank">turn WP-Cron off and use your system task scheduler</a> to fire it instead.', 'autoptimize'); ?></li> |
|
| 72 | 72 | </ol> |
| 73 | 73 | </div> |
| 74 | 74 | </div> |
| 75 | 75 | <table id="queue-tbl" class="queue tablesorter" cellspacing="0"> |
| 76 | 76 | <thead> |
| 77 | - <tr><th class="status"><?php _e( 'Status', 'autoptimize' ); ?></th><th><?php _e( 'Target Rule', 'autoptimize' ); ?></th><th><?php _e( 'Page Path', 'autoptimize' ); ?></th><th><?php _e( 'Page Type', 'autoptimize' ); ?></th><th><?php _e( 'Creation Date', 'autoptimize' ); ?></th><th><?php _e( 'Finish Date', 'autoptimize' ); ?></th><th class="btn"><?php _e( 'Actions', 'autoptimize' ); ?></th></tr> |
|
| 77 | + <tr><th class="status"><?php _e('Status', 'autoptimize'); ?></th><th><?php _e('Target Rule', 'autoptimize'); ?></th><th><?php _e('Page Path', 'autoptimize'); ?></th><th><?php _e('Page Type', 'autoptimize'); ?></th><th><?php _e('Creation Date', 'autoptimize'); ?></th><th><?php _e('Finish Date', 'autoptimize'); ?></th><th class="btn"><?php _e('Actions', 'autoptimize'); ?></th></tr> |
|
| 78 | 78 | </thead> |
| 79 | 79 | <tbody id="queue"></tbody> |
| 80 | 80 | </table> |
| 81 | - <input class="hidden" type="text" id="ao-ccss-queue" name="autoptimize_ccss_queue" value='<?php echo( $ao_ccss_queue ); ?>'> |
|
| 81 | + <input class="hidden" type="text" id="ao-ccss-queue" name="autoptimize_ccss_queue" value='<?php echo($ao_ccss_queue); ?>'> |
|
| 82 | 82 | <div class="submit jobs-btn"> |
| 83 | 83 | <div class="alignright"> |
| 84 | - <span id="removeAllJobs" class="button-secondary" style="color:red;"><?php _e( 'Remove all jobs', 'autoptimize' ); ?></span> |
|
| 84 | + <span id="removeAllJobs" class="button-secondary" style="color:red;"><?php _e('Remove all jobs', 'autoptimize'); ?></span> |
|
| 85 | 85 | </div> |
| 86 | 86 | </div> |
| 87 | 87 | </div> |
@@ -20,7 +20,7 @@ discard block |
||
| 20 | 20 | "empty" : |
| 21 | 21 | aoCssQueue; |
| 22 | 22 | <?php |
| 23 | - if ( $ao_ccss_debug ) { |
|
| 23 | + if ($ao_ccss_debug) { |
|
| 24 | 24 | echo "console.log( 'Queue Object:', aoCssQueueLog );\n"; |
| 25 | 25 | } |
| 26 | 26 | ?> |
@@ -62,34 +62,34 @@ discard block |
||
| 62 | 62 | // Status: NEW (N, sort order 1) |
| 63 | 63 | status = '<span class="hidden">1</span>N'; |
| 64 | 64 | statusClass = 'new'; |
| 65 | - title = '<?php _e( 'New', 'autoptimize' ); ?> (' + ljid + ')'; |
|
| 66 | - buttons = '<?php _e( 'None', 'autoptimize' ); ?>'; |
|
| 65 | + title = '<?php _e('New', 'autoptimize'); ?> (' + ljid + ')'; |
|
| 66 | + buttons = '<?php _e('None', 'autoptimize'); ?>'; |
|
| 67 | 67 | } else if (keys.jqstat === 'JOB_QUEUED' || keys.jqstat === 'JOB_ONGOING') { |
| 68 | 68 | // Status: PENDING (P, sort order 2) |
| 69 | 69 | status = '<span class="hidden">2</span>P'; |
| 70 | 70 | statusClass = 'pending'; |
| 71 | - title = '<?php _e( 'PENDING', 'autoptimize' ); ?> (' + ljid + ')'; |
|
| 72 | - buttons = '<?php _e( 'None', 'autoptimize' ); ?>'; |
|
| 71 | + title = '<?php _e('PENDING', 'autoptimize'); ?> (' + ljid + ')'; |
|
| 72 | + buttons = '<?php _e('None', 'autoptimize'); ?>'; |
|
| 73 | 73 | } else if (keys.jqstat === 'JOB_DONE' && keys.jrstat === 'GOOD' && (keys.jvstat === 'WARN' || keys.jvstat === 'BAD')) { |
| 74 | 74 | // Status: REVIEW (R, sort order 5) |
| 75 | 75 | status = '<span class="hidden">5</span>R'; |
| 76 | 76 | statusClass = 'review'; |
| 77 | - title = "<?php _e( 'REVIEW', 'autoptimize' ); ?> (" + ljid + ")\n<?php _e( 'Info from criticalcss.com:', 'autoptimize' ); ?>\n<?php _e( '- Job ID: ', 'autoptimize' ); ?>" + keys.jid + "\n<?php _e( '- Status: ', 'autoptimize' ); ?>" + keys.jqstat + "\n<?php _e( '- Result: ', 'autoptimize' ); ?>" + keys.jrstat + "\n<?php _e( '- Validation: ', 'autoptimize' ); ?>" + keys.jvstat; |
|
| 78 | - buttons = '<span class="button-secondary" id="' + ljid + '_remove" title="<?php _e( 'Delete Job', 'autoptimize' ); ?>"><span class="dashicons dashicons-trash"></span></span>'; |
|
| 77 | + title = "<?php _e('REVIEW', 'autoptimize'); ?> (" + ljid + ")\n<?php _e('Info from criticalcss.com:', 'autoptimize'); ?>\n<?php _e('- Job ID: ', 'autoptimize'); ?>" + keys.jid + "\n<?php _e('- Status: ', 'autoptimize'); ?>" + keys.jqstat + "\n<?php _e('- Result: ', 'autoptimize'); ?>" + keys.jrstat + "\n<?php _e('- Validation: ', 'autoptimize'); ?>" + keys.jvstat; |
|
| 78 | + buttons = '<span class="button-secondary" id="' + ljid + '_remove" title="<?php _e('Delete Job', 'autoptimize'); ?>"><span class="dashicons dashicons-trash"></span></span>'; |
|
| 79 | 79 | dbtn = true; |
| 80 | 80 | } else if (keys.jqstat === 'JOB_DONE') { |
| 81 | 81 | // Status: DONE (D, sort order 6) |
| 82 | 82 | status = '<span class="hidden">6</span>D'; |
| 83 | 83 | statusClass = 'done'; |
| 84 | - title = '<?php _e( 'DONE', 'autoptimize' ); ?> (' + ljid + ')'; |
|
| 85 | - buttons = '<span class="button-secondary" id="' + ljid + '_remove" title="<?php _e( 'Delete Job', 'autoptimize' ); ?>"><span class="dashicons dashicons-trash"></span></span>'; |
|
| 84 | + title = '<?php _e('DONE', 'autoptimize'); ?> (' + ljid + ')'; |
|
| 85 | + buttons = '<span class="button-secondary" id="' + ljid + '_remove" title="<?php _e('Delete Job', 'autoptimize'); ?>"><span class="dashicons dashicons-trash"></span></span>'; |
|
| 86 | 86 | dbtn = true; |
| 87 | 87 | } else if (keys.jqstat === 'JOB_FAILED' || keys.jqstat === 'STATUS_JOB_BAD' || keys.jqstat === 'INVALID_JWT_TOKEN' || keys.jqstat === 'NO_CSS' || keys.jqstat === 'NO_RESPONSE') { |
| 88 | 88 | // Status: ERROR (E, sort order 4) |
| 89 | 89 | status = '<span class="hidden">4</span>E'; |
| 90 | 90 | statusClass = 'error'; |
| 91 | - title = "<?php _e( 'ERROR', 'autoptimize' ); ?> (" + ljid + ")\n<?php _e( 'Info from criticalcss.com:', 'autoptimize' ); ?>\n<?php _e( '- Job ID: ', 'autoptimize' ); ?>" + keys.jid + "\n<?php _e( '- Status: ', 'autoptimize' ); ?>" + keys.jqstat + "\n<?php _e( '- Result: ', 'autoptimize' ); ?>" + keys.jrstat + "\n<?php _e( '- Validation: ', 'autoptimize' ); ?>" + keys.jvstat; |
|
| 92 | - buttons = '<span class="button-secondary" id="' + ljid + '_retry" title="<?php _e( 'Retry Job', 'autoptimize' ); ?>"><span class="dashicons dashicons-update"></span></span><span class="button-secondary to-right" id="' + ljid + '_remove" title="<?php _e( 'Delete Job', 'autoptimize' ); ?>"><span class="dashicons dashicons-trash"></span></span><span class="button-secondary to-right" id="' + ljid + '_help" title="<?php _e( 'Get Help', 'autoptimize' ); ?>"><span class="dashicons dashicons-sos"></span></span>'; |
|
| 91 | + title = "<?php _e('ERROR', 'autoptimize'); ?> (" + ljid + ")\n<?php _e('Info from criticalcss.com:', 'autoptimize'); ?>\n<?php _e('- Job ID: ', 'autoptimize'); ?>" + keys.jid + "\n<?php _e('- Status: ', 'autoptimize'); ?>" + keys.jqstat + "\n<?php _e('- Result: ', 'autoptimize'); ?>" + keys.jrstat + "\n<?php _e('- Validation: ', 'autoptimize'); ?>" + keys.jvstat; |
|
| 92 | + buttons = '<span class="button-secondary" id="' + ljid + '_retry" title="<?php _e('Retry Job', 'autoptimize'); ?>"><span class="dashicons dashicons-update"></span></span><span class="button-secondary to-right" id="' + ljid + '_remove" title="<?php _e('Delete Job', 'autoptimize'); ?>"><span class="dashicons dashicons-trash"></span></span><span class="button-secondary to-right" id="' + ljid + '_help" title="<?php _e('Get Help', 'autoptimize'); ?>"><span class="dashicons dashicons-sos"></span></span>'; |
|
| 93 | 93 | rbtn = true; |
| 94 | 94 | dbtn = true; |
| 95 | 95 | hbtn = true; |
@@ -97,21 +97,21 @@ discard block |
||
| 97 | 97 | // Status: UNKNOWN (U, sort order 5) |
| 98 | 98 | status = '<span class="hidden">5</span>U'; |
| 99 | 99 | statusClass = 'unknown'; |
| 100 | - title = "<?php _e( 'UNKNOWN', 'autoptimize' ); ?> (" + ljid + ")\n<?php _e( 'Info from criticalcss.com:', 'autoptimize' ); ?>\n<?php _e( '- Job ID: ', 'autoptimize' ); ?>" + keys.jid + "\n<?php _e( '- Status: ', 'autoptimize' ); ?>" + keys.jqstat + "\n<?php _e( '- Result: ', 'autoptimize' ); ?>" + keys.jrstat + "\n<?php _e( '- Validation: ', 'autoptimize' ); ?>" + keys.jvstat; |
|
| 101 | - buttons = '<span class="button-secondary" id="' + ljid + '_remove" title="<?php _e( 'Delete Job', 'autoptimize' ); ?>"><span class="dashicons dashicons-trash"></span></span><span class="button-secondary to-right" id="' + ljid + '_help" title="<?php _e( 'Get Help', 'autoptimize' ); ?>"><span class="dashicons dashicons-sos"></span></span>'; |
|
| 100 | + title = "<?php _e('UNKNOWN', 'autoptimize'); ?> (" + ljid + ")\n<?php _e('Info from criticalcss.com:', 'autoptimize'); ?>\n<?php _e('- Job ID: ', 'autoptimize'); ?>" + keys.jid + "\n<?php _e('- Status: ', 'autoptimize'); ?>" + keys.jqstat + "\n<?php _e('- Result: ', 'autoptimize'); ?>" + keys.jrstat + "\n<?php _e('- Validation: ', 'autoptimize'); ?>" + keys.jvstat; |
|
| 101 | + buttons = '<span class="button-secondary" id="' + ljid + '_remove" title="<?php _e('Delete Job', 'autoptimize'); ?>"><span class="dashicons dashicons-trash"></span></span><span class="button-secondary to-right" id="' + ljid + '_help" title="<?php _e('Get Help', 'autoptimize'); ?>"><span class="dashicons dashicons-sos"></span></span>'; |
|
| 102 | 102 | dbtn = true; |
| 103 | 103 | hbtn = true; |
| 104 | 104 | } |
| 105 | 105 | |
| 106 | 106 | // Prepare job finish time |
| 107 | 107 | if (keys.jftime === null) { |
| 108 | - ftime = '<?php _e( 'N/A', 'autoptimize' ); ?>'; |
|
| 108 | + ftime = '<?php _e('N/A', 'autoptimize'); ?>'; |
|
| 109 | 109 | } else { |
| 110 | 110 | ftime = EpochToDate(keys.jftime); |
| 111 | 111 | } |
| 112 | 112 | |
| 113 | 113 | // Append job entry |
| 114 | - jQuery("#queue").append("<tr id='" + ljid + "' class='job " + statusClass + "'><td class='status'><span class='badge " + statusClass + "' title='<?php _e( 'Job status is ', 'autoptimize' ); ?>" + title + "'>" + status + "</span></td><td>" + target.replace(/(woo_|template_|custom_post_|edd_|bp_|bbp_)/,'') + "</td><td>" + path + "</td><td>" + type.replace(/(woo_|template_|custom_post_|edd_|bp_|bbp_)/,'') + "</td><td>" + ctime + "</td><td>" + ftime + "</td><td class='btn'>" + buttons + "</td></tr>"); |
|
| 114 | + jQuery("#queue").append("<tr id='" + ljid + "' class='job " + statusClass + "'><td class='status'><span class='badge " + statusClass + "' title='<?php _e('Job status is ', 'autoptimize'); ?>" + title + "'>" + status + "</span></td><td>" + target.replace(/(woo_|template_|custom_post_|edd_|bp_|bbp_)/,'') + "</td><td>" + path + "</td><td>" + type.replace(/(woo_|template_|custom_post_|edd_|bp_|bbp_)/,'') + "</td><td>" + ctime + "</td><td>" + ftime + "</td><td class='btn'>" + buttons + "</td></tr>"); |
|
| 115 | 115 | |
| 116 | 116 | // Attach button actions |
| 117 | 117 | if (rbtn) { |
@@ -134,12 +134,12 @@ discard block |
||
| 134 | 134 | height: 180, |
| 135 | 135 | modal: true, |
| 136 | 136 | buttons: { |
| 137 | - <?php _e( 'Delete', 'autoptimize' ); ?>: function() { |
|
| 137 | + <?php _e('Delete', 'autoptimize'); ?>: function() { |
|
| 138 | 138 | delete queue[jpath]; |
| 139 | 139 | updateQueue(queue); |
| 140 | 140 | jQuery(this).dialog('close' ); |
| 141 | 141 | }, |
| 142 | - <?php _e( 'Cancel', 'autoptimize' ); ?>: function() { |
|
| 142 | + <?php _e('Cancel', 'autoptimize'); ?>: function() { |
|
| 143 | 143 | jQuery(this).dialog('close' ); |
| 144 | 144 | } |
| 145 | 145 | } |
@@ -152,12 +152,12 @@ discard block |
||
| 152 | 152 | height:235, |
| 153 | 153 | modal: true, |
| 154 | 154 | buttons: { |
| 155 | - "<?php _e( 'Delete all jobs?', 'autoptimize' ); ?>": function() { |
|
| 155 | + "<?php _e('Delete all jobs?', 'autoptimize'); ?>": function() { |
|
| 156 | 156 | queue=[]; |
| 157 | 157 | updateQueue(queue); |
| 158 | 158 | jQuery( this ).dialog( "close" ); |
| 159 | 159 | }, |
| 160 | - "<?php _e( 'Cancel', 'autoptimize' ); ?>": function() { |
|
| 160 | + "<?php _e('Cancel', 'autoptimize'); ?>": function() { |
|
| 161 | 161 | jQuery( this ).dialog( "close" ); |
| 162 | 162 | } |
| 163 | 163 | } |
@@ -172,9 +172,9 @@ discard block |
||
| 172 | 172 | height: 180, |
| 173 | 173 | modal: true, |
| 174 | 174 | buttons: { |
| 175 | - <?php _e( 'Retry', 'autoptimize' ); ?>: function() { |
|
| 175 | + <?php _e('Retry', 'autoptimize'); ?>: function() { |
|
| 176 | 176 | <?php |
| 177 | - if ( $ao_ccss_debug ) { |
|
| 177 | + if ($ao_ccss_debug) { |
|
| 178 | 178 | echo "console.log( 'SHOULD retry job:', jid[0], jpath );\n"; |
| 179 | 179 | } |
| 180 | 180 | ?> |
@@ -187,7 +187,7 @@ discard block |
||
| 187 | 187 | updateQueue(queue); |
| 188 | 188 | jQuery(this).dialog('close' ); |
| 189 | 189 | }, |
| 190 | - <?php _e( 'Cancel', 'autoptimize' ); ?>: function() { |
|
| 190 | + <?php _e('Cancel', 'autoptimize'); ?>: function() { |
|
| 191 | 191 | jQuery(this).dialog('close' ); |
| 192 | 192 | } |
| 193 | 193 | } |
@@ -201,7 +201,7 @@ discard block |
||
| 201 | 201 | jQuery('#unSavedWarning').show(); |
| 202 | 202 | document.getElementById('ao_title_and_button').scrollIntoView(); |
| 203 | 203 | <?php |
| 204 | - if ( $ao_ccss_debug ) { |
|
| 204 | + if ($ao_ccss_debug) { |
|
| 205 | 205 | echo "console.log('Updated Queue Object:', queue);\n"; |
| 206 | 206 | } |
| 207 | 207 | ?> |
@@ -18,7 +18,7 @@ discard block |
||
| 18 | 18 | global $ao_ccss_domain; |
| 19 | 19 | |
| 20 | 20 | // In case domain is not set yet (done in cron.php). |
| 21 | - if ( empty( $ao_ccss_domain ) ) { |
|
| 21 | + if (empty($ao_ccss_domain)) { |
|
| 22 | 22 | $ao_ccss_domain = get_site_url(); |
| 23 | 23 | } |
| 24 | 24 | |
@@ -27,7 +27,7 @@ discard block |
||
| 27 | 27 | ?> |
| 28 | 28 | <ul id="adv-panel"> |
| 29 | 29 | <li class="itemDetail"> |
| 30 | - <h2 class="itemTitle fleft"><?php _e( 'Advanced Settings', 'autoptimize' ); ?></h2> |
|
| 30 | + <h2 class="itemTitle fleft"><?php _e('Advanced Settings', 'autoptimize'); ?></h2> |
|
| 31 | 31 | <button type="button" class="toggle-btn"> |
| 32 | 32 | <span class="toggle-indicator dashicons dashicons-arrow-up dashicons-arrow-down"></span> |
| 33 | 33 | </button> |
@@ -35,103 +35,103 @@ discard block |
||
| 35 | 35 | <table id="key" class="form-table"> |
| 36 | 36 | <tr> |
| 37 | 37 | <th scope="row"> |
| 38 | - <?php _e( 'Viewport Size', 'autoptimize' ); ?> |
|
| 38 | + <?php _e('Viewport Size', 'autoptimize'); ?> |
|
| 39 | 39 | </th> |
| 40 | 40 | <td> |
| 41 | - <label for="autoptimize_ccss_vw"><?php _e( 'Width', 'autoptimize' ); ?>:</label> <input type="number" id="autoptimize_ccss_vw" name="autoptimize_ccss_viewport[w]" min="800" max="4096" placeholder="1400" value="<?php echo $viewport['w']; ?>" /> |
|
| 42 | - <label for="autoptimize_ccss_vh"><?php _e( 'Height', 'autoptimize' ); ?>:</label> <input type="number" id="autoptimize_ccss_vh" name="autoptimize_ccss_viewport[h]" min="600" max="2160" placeholder="1080" value="<?php echo $viewport['h']; ?>" /> |
|
| 41 | + <label for="autoptimize_ccss_vw"><?php _e('Width', 'autoptimize'); ?>:</label> <input type="number" id="autoptimize_ccss_vw" name="autoptimize_ccss_viewport[w]" min="800" max="4096" placeholder="1400" value="<?php echo $viewport['w']; ?>" /> |
|
| 42 | + <label for="autoptimize_ccss_vh"><?php _e('Height', 'autoptimize'); ?>:</label> <input type="number" id="autoptimize_ccss_vh" name="autoptimize_ccss_viewport[h]" min="600" max="2160" placeholder="1080" value="<?php echo $viewport['h']; ?>" /> |
|
| 43 | 43 | <p class="notes"> |
| 44 | - <?php _e( '<a href="https://criticalcss.com/account/api-keys?aff=1" target="_blank">criticalcss.com</a> default viewport size is 1400x1080 pixels (width x height). You can change this size by typing a desired width and height values above. Allowed value ranges are from 800 to 4096 for width and from 600 to 2160 for height.', 'autoptimize' ); ?> |
|
| 44 | + <?php _e('<a href="https://criticalcss.com/account/api-keys?aff=1" target="_blank">criticalcss.com</a> default viewport size is 1400x1080 pixels (width x height). You can change this size by typing a desired width and height values above. Allowed value ranges are from 800 to 4096 for width and from 600 to 2160 for height.', 'autoptimize'); ?> |
|
| 45 | 45 | </p> |
| 46 | 46 | </td> |
| 47 | 47 | </tr> |
| 48 | 48 | <tr> |
| 49 | 49 | <th scope="row"> |
| 50 | - <?php _e( 'Force Include CSS selectors', 'autoptimize' ); ?> |
|
| 50 | + <?php _e('Force Include CSS selectors', 'autoptimize'); ?> |
|
| 51 | 51 | </th> |
| 52 | 52 | <td> |
| 53 | - <textarea id="autoptimize_ccss_finclude" name="autoptimize_ccss_finclude" rows='3' maxlenght='500' style="width:100%;" placeholder="<?php _e( '.button-special,//#footer', 'autoptimize' ); ?>"><?php echo trim( $ao_ccss_finclude ); ?></textarea> |
|
| 53 | + <textarea id="autoptimize_ccss_finclude" name="autoptimize_ccss_finclude" rows='3' maxlenght='500' style="width:100%;" placeholder="<?php _e('.button-special,//#footer', 'autoptimize'); ?>"><?php echo trim($ao_ccss_finclude); ?></textarea> |
|
| 54 | 54 | <p class="notes"> |
| 55 | - <?php _e( 'Force include CSS selectors can be used to style dynamic content that is not part of the HTML that is seen during the Critical CSS generation. To use this feature, add comma separated values with both simple strings and/or regular expressions to match the desired selectors. Regular expressions must be preceeded by two forward slashes. For instance: <code>.button-special,//#footer</code>. In this example <code>.button-special</code> will match <code>.button-special</code> selector only, while <code>//#footer</code> will match <code>#footer</code>, <code>#footer-address</code> and <code>#footer-phone</code> selectors in case they exist.<br />Do take into account that changing this setting will only affect new/ updated rules, so you might want to remove old rules and clear your page cache to expedite the forceIncludes becoming used.', 'autoptimize' ); ?> |
|
| 55 | + <?php _e('Force include CSS selectors can be used to style dynamic content that is not part of the HTML that is seen during the Critical CSS generation. To use this feature, add comma separated values with both simple strings and/or regular expressions to match the desired selectors. Regular expressions must be preceeded by two forward slashes. For instance: <code>.button-special,//#footer</code>. In this example <code>.button-special</code> will match <code>.button-special</code> selector only, while <code>//#footer</code> will match <code>#footer</code>, <code>#footer-address</code> and <code>#footer-phone</code> selectors in case they exist.<br />Do take into account that changing this setting will only affect new/ updated rules, so you might want to remove old rules and clear your page cache to expedite the forceIncludes becoming used.', 'autoptimize'); ?> |
|
| 56 | 56 | </p> |
| 57 | 57 | </td> |
| 58 | 58 | </tr> |
| 59 | 59 | <tr> |
| 60 | 60 | <th scope="row"> |
| 61 | - <?php _e( 'Request Limit', 'autoptimize' ); ?> |
|
| 61 | + <?php _e('Request Limit', 'autoptimize'); ?> |
|
| 62 | 62 | </th> |
| 63 | 63 | <td> |
| 64 | 64 | <input type="number" id="autoptimize_ccss_rlimit" name="autoptimize_ccss_rlimit" min="1" max="240" placeholder="0" value="<?php echo $ao_ccss_rlimit; ?>" /> |
| 65 | 65 | <p class="notes"> |
| 66 | - <?php _e( 'Certain hosting services impose hard limitations to background processes on either execution time, requests made from your server to any third party services, or both. This could lead to a faulty operation of the queue background process triggered by WP-Cron. If automated rules are not being created, you may be facing this limitation from your hosting provider. In that case, set the request limit to a reasonable number between 1 and 240. The queue fire a request to <a href="https://criticalcss.com/account/api-keys?aff=1" target="_blank">criticalcss.com</a> on every 15 seconds (due to service limitations). If your hosting provider allows a 60 seconds time span to background processes runtime, set this value to 3 or 4 so the queue can operate within the boundaries. The maximum value of 240 allows enough requests for one hour long. To disable this limit and to let requests be made at will, just delete any values in this setting (a grey 0 will show).', 'autoptimize' ); ?> |
|
| 66 | + <?php _e('Certain hosting services impose hard limitations to background processes on either execution time, requests made from your server to any third party services, or both. This could lead to a faulty operation of the queue background process triggered by WP-Cron. If automated rules are not being created, you may be facing this limitation from your hosting provider. In that case, set the request limit to a reasonable number between 1 and 240. The queue fire a request to <a href="https://criticalcss.com/account/api-keys?aff=1" target="_blank">criticalcss.com</a> on every 15 seconds (due to service limitations). If your hosting provider allows a 60 seconds time span to background processes runtime, set this value to 3 or 4 so the queue can operate within the boundaries. The maximum value of 240 allows enough requests for one hour long. To disable this limit and to let requests be made at will, just delete any values in this setting (a grey 0 will show).', 'autoptimize'); ?> |
|
| 67 | 67 | </p> |
| 68 | 68 | </td> |
| 69 | 69 | </tr> |
| 70 | 70 | <tr> |
| 71 | 71 | <th scope="row"> |
| 72 | - <?php _e( 'Fetch Original CSS', 'autoptimize' ); ?> |
|
| 72 | + <?php _e('Fetch Original CSS', 'autoptimize'); ?> |
|
| 73 | 73 | </th> |
| 74 | 74 | <td> |
| 75 | - <input type="checkbox" id="autoptimize_ccss_noptimize" name="autoptimize_ccss_noptimize" value="1" <?php checked( 1 == $ao_ccss_noptimize ); ?>> |
|
| 75 | + <input type="checkbox" id="autoptimize_ccss_noptimize" name="autoptimize_ccss_noptimize" value="1" <?php checked(1 == $ao_ccss_noptimize); ?>> |
|
| 76 | 76 | <p class="notes"> |
| 77 | - <?php _e( 'In some (rare) cases the generation of critical CSS works better with the original CSS instead of the Autoptimized one, this option enables that behavior.', 'autoptimize' ); ?> |
|
| 77 | + <?php _e('In some (rare) cases the generation of critical CSS works better with the original CSS instead of the Autoptimized one, this option enables that behavior.', 'autoptimize'); ?> |
|
| 78 | 78 | </p> |
| 79 | 79 | </td> |
| 80 | 80 | </tr> |
| 81 | 81 | <tr> |
| 82 | 82 | <th scope="row"> |
| 83 | - <?php _e( 'Add CCSS for logged in users?', 'autoptimize' ); ?> |
|
| 83 | + <?php _e('Add CCSS for logged in users?', 'autoptimize'); ?> |
|
| 84 | 84 | </th> |
| 85 | 85 | <td> |
| 86 | - <input type="checkbox" id="autoptimize_ccss_loggedin" name="autoptimize_ccss_loggedin" value="1" <?php checked( 1 == $ao_ccss_loggedin ); ?>> |
|
| 86 | + <input type="checkbox" id="autoptimize_ccss_loggedin" name="autoptimize_ccss_loggedin" value="1" <?php checked(1 == $ao_ccss_loggedin); ?>> |
|
| 87 | 87 | <p class="notes"> |
| 88 | - <?php _e( 'Critical CSS is generated by criticalcss.com from your pages as seen be "anonymous visitor", disable this option if you don\'t want the "visitor" critical CSS to be used for logged on users.', 'autoptimize' ); ?> |
|
| 88 | + <?php _e('Critical CSS is generated by criticalcss.com from your pages as seen be "anonymous visitor", disable this option if you don\'t want the "visitor" critical CSS to be used for logged on users.', 'autoptimize'); ?> |
|
| 89 | 89 | </p> |
| 90 | 90 | </td> |
| 91 | 91 | </tr> |
| 92 | 92 | <tr> |
| 93 | 93 | <th scope="row"> |
| 94 | - <?php _e( 'Force path-based rules to be generated for pages?', 'autoptimize' ); ?> |
|
| 94 | + <?php _e('Force path-based rules to be generated for pages?', 'autoptimize'); ?> |
|
| 95 | 95 | </th> |
| 96 | 96 | <td> |
| 97 | - <input type="checkbox" id="autoptimize_ccss_forcepath" name="autoptimize_ccss_forcepath" value="1" <?php checked( 1 == $ao_ccss_forcepath ); ?>> |
|
| 97 | + <input type="checkbox" id="autoptimize_ccss_forcepath" name="autoptimize_ccss_forcepath" value="1" <?php checked(1 == $ao_ccss_forcepath); ?>> |
|
| 98 | 98 | <p class="notes"> |
| 99 | - <?php _e( 'By default for each page a separate rule is generated. If your pages have (semi-)identical above the fold look and feel and you want to keep the rules lean, you can disable that so one rule is created to all pages.', 'autoptimize' ); ?> |
|
| 99 | + <?php _e('By default for each page a separate rule is generated. If your pages have (semi-)identical above the fold look and feel and you want to keep the rules lean, you can disable that so one rule is created to all pages.', 'autoptimize'); ?> |
|
| 100 | 100 | </p> |
| 101 | 101 | </td> |
| 102 | 102 | </tr> |
| 103 | 103 | <tr> |
| 104 | 104 | <th scope="row"> |
| 105 | - <?php _e( 'Defer jQuery and other non-aggregated JS-files?', 'autoptimize' ); ?> |
|
| 105 | + <?php _e('Defer jQuery and other non-aggregated JS-files?', 'autoptimize'); ?> |
|
| 106 | 106 | </th> |
| 107 | 107 | <td> |
| 108 | - <input type="checkbox" id="autoptimize_ccss_deferjquery" name="autoptimize_ccss_deferjquery" value="1" <?php checked( 1 == $ao_ccss_deferjquery ); ?>> |
|
| 108 | + <input type="checkbox" id="autoptimize_ccss_deferjquery" name="autoptimize_ccss_deferjquery" value="1" <?php checked(1 == $ao_ccss_deferjquery); ?>> |
|
| 109 | 109 | <p class="notes"> |
| 110 | - <?php _e( 'Defer all non-aggregated JS, including jQuery and inline JS to fix remaining render-blocking issues. Make sure to test your site thoroughly when activating this option!', 'autoptimize' ); ?> |
|
| 110 | + <?php _e('Defer all non-aggregated JS, including jQuery and inline JS to fix remaining render-blocking issues. Make sure to test your site thoroughly when activating this option!', 'autoptimize'); ?> |
|
| 111 | 111 | </p> |
| 112 | 112 | </td> |
| 113 | 113 | </tr> |
| 114 | 114 | <tr> |
| 115 | 115 | <th scope="row"> |
| 116 | - <?php _e( 'Bound domain', 'autoptimize' ); ?> |
|
| 116 | + <?php _e('Bound domain', 'autoptimize'); ?> |
|
| 117 | 117 | </th> |
| 118 | 118 | <td> |
| 119 | - <input type="text" id="autoptimize_ccss_domain" name="autoptimize_ccss_domain" style="width:100%;" placeholder="<?php _e( 'Don\'t leave this empty, put e.g. https://example.net/ or simply \'none\' to disable domain binding.', 'autoptimize' ); ?>" value="<?php echo trim( $ao_ccss_domain ); ?>"> |
|
| 119 | + <input type="text" id="autoptimize_ccss_domain" name="autoptimize_ccss_domain" style="width:100%;" placeholder="<?php _e('Don\'t leave this empty, put e.g. https://example.net/ or simply \'none\' to disable domain binding.', 'autoptimize'); ?>" value="<?php echo trim($ao_ccss_domain); ?>"> |
|
| 120 | 120 | <p class="notes"> |
| 121 | - <?php _e( 'Only requests from this domain will be sent for Critical CSS generation (pricing is per domain/ month).', 'autoptimize' ); ?> |
|
| 121 | + <?php _e('Only requests from this domain will be sent for Critical CSS generation (pricing is per domain/ month).', 'autoptimize'); ?> |
|
| 122 | 122 | </p> |
| 123 | 123 | </td> |
| 124 | 124 | </tr> |
| 125 | 125 | <tr> |
| 126 | 126 | <th scope="row"> |
| 127 | - <?php _e( 'Debug Mode', 'autoptimize' ); ?> |
|
| 127 | + <?php _e('Debug Mode', 'autoptimize'); ?> |
|
| 128 | 128 | </th> |
| 129 | 129 | <td> |
| 130 | - <input type="checkbox" id="autoptimize_ccss_debug" name="autoptimize_ccss_debug" value="1" <?php checked( 1 == $ao_ccss_debug ); ?>> |
|
| 130 | + <input type="checkbox" id="autoptimize_ccss_debug" name="autoptimize_ccss_debug" value="1" <?php checked(1 == $ao_ccss_debug); ?>> |
|
| 131 | 131 | <p class="notes"> |
| 132 | 132 | <?php |
| 133 | - _e( '<strong>CAUTION! Only use debug mode on production/live environments for ad-hoc troubleshooting and remember to turn it back off after</strong>, as this generates a lot of log-data.<br />Check the box above to enable Autoptimize CriticalCSS Power-Up debug mode. It provides debug facilities in this screen, to the browser console and to this file: ', 'autoptimize' ); |
|
| 134 | - echo '<code>' . AO_CCSS_LOG . '</code>'; |
|
| 133 | + _e('<strong>CAUTION! Only use debug mode on production/live environments for ad-hoc troubleshooting and remember to turn it back off after</strong>, as this generates a lot of log-data.<br />Check the box above to enable Autoptimize CriticalCSS Power-Up debug mode. It provides debug facilities in this screen, to the browser console and to this file: ', 'autoptimize'); |
|
| 134 | + echo '<code>'.AO_CCSS_LOG.'</code>'; |
|
| 135 | 135 | ?> |
| 136 | 136 | </p> |
| 137 | 137 | </td> |
@@ -9,15 +9,15 @@ discard block |
||
| 9 | 9 | console.log('Exporting...'); |
| 10 | 10 | var data = { |
| 11 | 11 | 'action': 'ao_ccss_export', |
| 12 | - 'ao_ccss_export_nonce': '<?php echo wp_create_nonce( 'ao_ccss_export_nonce' ); ?>', |
|
| 12 | + 'ao_ccss_export_nonce': '<?php echo wp_create_nonce('ao_ccss_export_nonce'); ?>', |
|
| 13 | 13 | }; |
| 14 | 14 | |
| 15 | 15 | jQuery.post(ajaxurl, data, function(response) { |
| 16 | 16 | response_array=JSON.parse(response); |
| 17 | 17 | if (response_array['code'] == 200) { |
| 18 | 18 | <?php |
| 19 | - if ( is_multisite() ) { |
|
| 20 | - $blog_id = '/' . get_current_blog_id() . '/'; |
|
| 19 | + if (is_multisite()) { |
|
| 20 | + $blog_id = '/'.get_current_blog_id().'/'; |
|
| 21 | 21 | } else { |
| 22 | 22 | $blog_id = '/'; |
| 23 | 23 | } |
@@ -32,7 +32,7 @@ discard block |
||
| 32 | 32 | autoOpen: true, |
| 33 | 33 | height: 210, |
| 34 | 34 | width: 700, |
| 35 | - title: "<?php _e( 'Export settings result', 'autoptimize' ); ?>", |
|
| 35 | + title: "<?php _e('Export settings result', 'autoptimize'); ?>", |
|
| 36 | 36 | modal: true, |
| 37 | 37 | buttons: { |
| 38 | 38 | OK: function() { |
@@ -50,7 +50,7 @@ discard block |
||
| 50 | 50 | var settings_file = file[0].files[0]; |
| 51 | 51 | fd.append('file', settings_file); |
| 52 | 52 | fd.append('action', 'ao_ccss_import'); |
| 53 | - fd.append('ao_ccss_import_nonce', '<?php echo wp_create_nonce( 'ao_ccss_import_nonce' ); ?>'); |
|
| 53 | + fd.append('ao_ccss_import_nonce', '<?php echo wp_create_nonce('ao_ccss_import_nonce'); ?>'); |
|
| 54 | 54 | |
| 55 | 55 | jQuery.ajax({ |
| 56 | 56 | url: ajaxurl, |
@@ -12,27 +12,27 @@ discard block |
||
| 12 | 12 | * @param string $message Message. |
| 13 | 13 | * @param string $color Color to highlight message in. |
| 14 | 14 | */ |
| 15 | -function ao_ccss_render_key( $key, $status, $status_msg, $message, $color ) { |
|
| 16 | - if ( defined( 'AUTOPTIMIZE_CRITICALCSS_API_KEY' ) ) { |
|
| 17 | - $key = __( 'API key provided by your host/ WordPress administrator, no need to enter anything here. In case of problems with the API key, contact your host/ WordPress administrator.', 'autoptimize' ); |
|
| 15 | +function ao_ccss_render_key($key, $status, $status_msg, $message, $color) { |
|
| 16 | + if (defined('AUTOPTIMIZE_CRITICALCSS_API_KEY')) { |
|
| 17 | + $key = __('API key provided by your host/ WordPress administrator, no need to enter anything here. In case of problems with the API key, contact your host/ WordPress administrator.', 'autoptimize'); |
|
| 18 | 18 | } |
| 19 | 19 | ?> |
| 20 | 20 | <ul id="key-panel"> |
| 21 | 21 | <li class="itemDetail"> |
| 22 | - <h2 class="itemTitle fleft"><?php _e( 'API Key', 'autoptimize' ); ?>: <span style="color:<?php echo $color; ?>;"><?php echo $status_msg; ?></span></h2> |
|
| 22 | + <h2 class="itemTitle fleft"><?php _e('API Key', 'autoptimize'); ?>: <span style="color:<?php echo $color; ?>;"><?php echo $status_msg; ?></span></h2> |
|
| 23 | 23 | <button type="button" class="toggle-btn"> |
| 24 | - <?php if ( 'valid' != $status ) { ?> |
|
| 24 | + <?php if ('valid' != $status) { ?> |
|
| 25 | 25 | <span class="toggle-indicator dashicons dashicons-arrow-up"></span> |
| 26 | 26 | <?php } else { ?> |
| 27 | 27 | <span class="toggle-indicator dashicons dashicons-arrow-up dashicons-arrow-down"></span> |
| 28 | 28 | <?php } ?> |
| 29 | 29 | </button> |
| 30 | - <?php if ( 'valid' != $status ) { ?> |
|
| 30 | + <?php if ('valid' != $status) { ?> |
|
| 31 | 31 | <div class="collapsible"> |
| 32 | 32 | <?php } else { ?> |
| 33 | 33 | <div class="collapsible hidden"> |
| 34 | 34 | <?php } ?> |
| 35 | - <?php if ( 'valid' != $status ) { ?> |
|
| 35 | + <?php if ('valid' != $status) { ?> |
|
| 36 | 36 | <div style="clear:both;padding:2px 10px;border-left:solid;border-left-width:5px;border-left-color:<?php echo $color; ?>;background-color:white;"> |
| 37 | 37 | <p><?php echo $message; ?></p> |
| 38 | 38 | </div> |
@@ -40,12 +40,12 @@ discard block |
||
| 40 | 40 | <table id="key" class="form-table"> |
| 41 | 41 | <tr> |
| 42 | 42 | <th scope="row"> |
| 43 | - <?php _e( 'Your API Key', 'autoptimize' ); ?> |
|
| 43 | + <?php _e('Your API Key', 'autoptimize'); ?> |
|
| 44 | 44 | </th> |
| 45 | 45 | <td> |
| 46 | - <textarea id="autoptimize_ccss_key" name="autoptimize_ccss_key" rows='3' style="width:100%;" placeholder="<?php _e( 'Please enter your criticalcss.com API key here.', 'autoptimize' ); ?>"><?php echo trim( $key ); ?></textarea> |
|
| 46 | + <textarea id="autoptimize_ccss_key" name="autoptimize_ccss_key" rows='3' style="width:100%;" placeholder="<?php _e('Please enter your criticalcss.com API key here.', 'autoptimize'); ?>"><?php echo trim($key); ?></textarea> |
|
| 47 | 47 | <p class="notes"> |
| 48 | - <?php _e( 'Enter your <a href="https://criticalcss.com/account/api-keys?aff=1" target="_blank">criticalcss.com</a> API key above. The key is revalidated every time a new job is sent to it.<br />To obtain your API key, go to <a href="https://criticalcss.com/account/api-keys?aff=1" target="_blank">criticalcss.com</a> > Account > API Keys.<br />Requests to generate a critical CSS via the API are priced at £5 per domain per month.<br /><strong>Not sure yet? With the <a href="https://criticalcss.com/faq/?aff=1#trial" target="_blank">30 day free trial</a>, you have nothing to lose!</strong>', 'autoptimize' ); ?> |
|
| 48 | + <?php _e('Enter your <a href="https://criticalcss.com/account/api-keys?aff=1" target="_blank">criticalcss.com</a> API key above. The key is revalidated every time a new job is sent to it.<br />To obtain your API key, go to <a href="https://criticalcss.com/account/api-keys?aff=1" target="_blank">criticalcss.com</a> > Account > API Keys.<br />Requests to generate a critical CSS via the API are priced at £5 per domain per month.<br /><strong>Not sure yet? With the <a href="https://criticalcss.com/faq/?aff=1#trial" target="_blank">30 day free trial</a>, you have nothing to lose!</strong>', 'autoptimize'); ?> |
|
| 49 | 49 | </p> |
| 50 | 50 | </td> |
| 51 | 51 | </tr> |
@@ -3,7 +3,7 @@ discard block |
||
| 3 | 3 | * Outputs JS code for the rules panel. |
| 4 | 4 | */ |
| 5 | 5 | |
| 6 | -if ( $ao_ccss_debug ) { |
|
| 6 | +if ($ao_ccss_debug) { |
|
| 7 | 7 | echo "console.log('[WARN] Autoptimize CriticalCSS Power-Up is in DEBUG MODE!');\n"; |
| 8 | 8 | echo "console.log('[WARN] Avoid using debug mode on production/live environments unless for ad-hoc troubleshooting purposes and make sure to disable it after!');\n"; |
| 9 | 9 | } |
@@ -23,7 +23,7 @@ discard block |
||
| 23 | 23 | jQuery(document).ready(function() { |
| 24 | 24 | critCssArray=JSON.parse(document.getElementById("critCssOrigin").value); |
| 25 | 25 | <?php |
| 26 | - if ( $ao_ccss_debug ) { |
|
| 26 | + if ($ao_ccss_debug) { |
|
| 27 | 27 | echo "console.log('Rules Object:', critCssArray);\n"; |
| 28 | 28 | } |
| 29 | 29 | ?> |
@@ -39,13 +39,13 @@ discard block |
||
| 39 | 39 | jQuery("#rules-list").empty(); |
| 40 | 40 | jQuery.each(critCssArray,function(k,v) { |
| 41 | 41 | if (k=="paths") { |
| 42 | - kstring="<?php _e( 'Path Based Rules', 'autoptimize' ); ?>"; |
|
| 42 | + kstring="<?php _e('Path Based Rules', 'autoptimize'); ?>"; |
|
| 43 | 43 | } else { |
| 44 | - kstring="<?php _e( 'Conditional Tags, Custom Post Types and Page Templates Rules', 'autoptimize' ); ?>"; |
|
| 44 | + kstring="<?php _e('Conditional Tags, Custom Post Types and Page Templates Rules', 'autoptimize'); ?>"; |
|
| 45 | 45 | } |
| 46 | 46 | if (!(jQuery.isEmptyObject(v))) { |
| 47 | 47 | jQuery("#rules-list").append("<tr><td colspan='5'><h4>" + kstring + "</h4></td></tr>"); |
| 48 | - jQuery("#rules-list").append("<tr class='header "+k+"Rule'><th><?php _e( 'Type', 'autoptimize' ); ?></th><th><?php _e( 'Target', 'autoptimize' ); ?></th><th><?php _e( 'Critical CSS File', 'autoptimize' ); ?></th><th colspan='2'><?php _e( 'Actions', 'autoptimize' ); ?></th></tr>"); |
|
| 48 | + jQuery("#rules-list").append("<tr class='header "+k+"Rule'><th><?php _e('Type', 'autoptimize'); ?></th><th><?php _e('Target', 'autoptimize'); ?></th><th><?php _e('Critical CSS File', 'autoptimize'); ?></th><th colspan='2'><?php _e('Actions', 'autoptimize'); ?></th></tr>"); |
|
| 49 | 49 | } |
| 50 | 50 | nodeNumber=0; |
| 51 | 51 | jQuery.each(v,function(i,nv){ |
@@ -55,13 +55,13 @@ discard block |
||
| 55 | 55 | file=nv.file; |
| 56 | 56 | filest=nv.file; |
| 57 | 57 | if (file == 0) { |
| 58 | - file='<?php _e( 'To be fetched from criticalcss.com in the next queue run...', 'autoptimize' ); ?>'; |
|
| 58 | + file='<?php _e('To be fetched from criticalcss.com in the next queue run...', 'autoptimize'); ?>'; |
|
| 59 | 59 | } |
| 60 | 60 | if (nv.hash === 0 && filest != 0) { |
| 61 | - type='<?php _e( 'MANUAL', 'autoptimize' ); ?>'; |
|
| 61 | + type='<?php _e('MANUAL', 'autoptimize'); ?>'; |
|
| 62 | 62 | typeClass = 'manual'; |
| 63 | 63 | } else { |
| 64 | - type='<?php _e( 'AUTO', 'autoptimize' ); ?>'; |
|
| 64 | + type='<?php _e('AUTO', 'autoptimize'); ?>'; |
|
| 65 | 65 | typeClass = 'auto'; |
| 66 | 66 | } |
| 67 | 67 | if (file && typeof file == 'string') { |
@@ -72,7 +72,7 @@ discard block |
||
| 72 | 72 | rmark = ''; |
| 73 | 73 | } |
| 74 | 74 | } |
| 75 | - jQuery("#rules-list").append("<tr class='rule "+k+"Rule'><td class='type'><span class='badge " + typeClass + "'>" + type + "</span>" + rmark + "</td><td class='target'>" + i.replace(/(woo_|template_|custom_post_|edd_|bp_|bbp_)/,'') + "</td><td class='file'>" + file + "</td><td class='btn edit'><span class=\"button-secondary\" id=\"" + nodeId + "_edit\"><?php _e( 'Edit', 'autoptimize' ); ?></span></td><td class='btn delete'><span class=\"button-secondary\" id=\"" + nodeId + "_remove\"><?php _e( 'Remove', 'autoptimize' ); ?></span></td></tr>"); |
|
| 75 | + jQuery("#rules-list").append("<tr class='rule "+k+"Rule'><td class='type'><span class='badge " + typeClass + "'>" + type + "</span>" + rmark + "</td><td class='target'>" + i.replace(/(woo_|template_|custom_post_|edd_|bp_|bbp_)/,'') + "</td><td class='file'>" + file + "</td><td class='btn edit'><span class=\"button-secondary\" id=\"" + nodeId + "_edit\"><?php _e('Edit', 'autoptimize'); ?></span></td><td class='btn delete'><span class=\"button-secondary\" id=\"" + nodeId + "_remove\"><?php _e('Remove', 'autoptimize'); ?></span></td></tr>"); |
|
| 76 | 76 | jQuery("#" + nodeId + "_edit").click(function(){addEditRow(this.id);}); |
| 77 | 77 | jQuery("#" + nodeId + "_remove").click(function(){confirmRemove(this.id);}); |
| 78 | 78 | }) |
@@ -85,12 +85,12 @@ discard block |
||
| 85 | 85 | height:235, |
| 86 | 86 | modal: true, |
| 87 | 87 | buttons: { |
| 88 | - "<?php _e( 'Delete', 'autoptimize' ); ?>": function() { |
|
| 88 | + "<?php _e('Delete', 'autoptimize'); ?>": function() { |
|
| 89 | 89 | removeRow(idToRemove); |
| 90 | 90 | updateAfterChange(); |
| 91 | 91 | jQuery( this ).dialog( "close" ); |
| 92 | 92 | }, |
| 93 | - "<?php _e( 'Cancel', 'autoptimize' ); ?>": function() { |
|
| 93 | + "<?php _e('Cancel', 'autoptimize'); ?>": function() { |
|
| 94 | 94 | jQuery( this ).dialog( "close" ); |
| 95 | 95 | } |
| 96 | 96 | } |
@@ -103,14 +103,14 @@ discard block |
||
| 103 | 103 | height:235, |
| 104 | 104 | modal: true, |
| 105 | 105 | buttons: { |
| 106 | - "<?php _e( 'Delete All', 'autoptimize' ); ?>": function() { |
|
| 106 | + "<?php _e('Delete All', 'autoptimize'); ?>": function() { |
|
| 107 | 107 | critCssArray={'paths':[],'types':[]}; |
| 108 | 108 | drawTable(critCssArray); |
| 109 | 109 | updateAfterChange(); |
| 110 | 110 | removeAllCcssFilesOnServer(); |
| 111 | 111 | jQuery( this ).dialog( "close" ); |
| 112 | 112 | }, |
| 113 | - "<?php _e( 'Cancel', 'autoptimize' ); ?>": function() { |
|
| 113 | + "<?php _e('Cancel', 'autoptimize'); ?>": function() { |
|
| 114 | 114 | jQuery( this ).dialog( "close" ); |
| 115 | 115 | } |
| 116 | 116 | } |
@@ -127,7 +127,7 @@ discard block |
||
| 127 | 127 | |
| 128 | 128 | var data = { |
| 129 | 129 | 'action': 'rm_critcss', |
| 130 | - 'critcss_rm_nonce': '<?php echo wp_create_nonce( 'rm_critcss_nonce' ); ?>', |
|
| 130 | + 'critcss_rm_nonce': '<?php echo wp_create_nonce('rm_critcss_nonce'); ?>', |
|
| 131 | 131 | 'cachebustingtimestamp': new Date().getTime(), |
| 132 | 132 | 'critcssfile': crit_file |
| 133 | 133 | }; |
@@ -148,7 +148,7 @@ discard block |
||
| 148 | 148 | function removeAllCcssFilesOnServer() { |
| 149 | 149 | var data = { |
| 150 | 150 | 'action': 'rm_critcss_all', |
| 151 | - 'critcss_rm_all_nonce': '<?php echo wp_create_nonce( 'rm_critcss_all_nonce' ); ?>', |
|
| 151 | + 'critcss_rm_all_nonce': '<?php echo wp_create_nonce('rm_critcss_all_nonce'); ?>', |
|
| 152 | 152 | 'cachebustingtimestamp': new Date().getTime() |
| 153 | 153 | }; |
| 154 | 154 | |
@@ -168,7 +168,7 @@ discard block |
||
| 168 | 168 | function addEditRow(idToEdit) { |
| 169 | 169 | resetForm(); |
| 170 | 170 | if (idToEdit) { |
| 171 | - dialogTitle="<?php _e( 'Edit Critical CSS Rule', 'autoptimize' ); ?>"; |
|
| 171 | + dialogTitle="<?php _e('Edit Critical CSS Rule', 'autoptimize'); ?>"; |
|
| 172 | 172 | |
| 173 | 173 | splits=idToEdit.split(/_/); |
| 174 | 174 | crit_type=splits[0]; |
@@ -179,7 +179,7 @@ discard block |
||
| 179 | 179 | jQuery("#critcss_addedit_id").val(idToEdit); |
| 180 | 180 | jQuery("#critcss_addedit_type").val(crit_type); |
| 181 | 181 | jQuery("#critcss_addedit_file").val(crit_file); |
| 182 | - jQuery("#critcss_addedit_css").attr("placeholder", "<?php _e( 'Loading critical CSS...', 'autoptimize' ); ?>"); |
|
| 182 | + jQuery("#critcss_addedit_css").attr("placeholder", "<?php _e('Loading critical CSS...', 'autoptimize'); ?>"); |
|
| 183 | 183 | jQuery("#critcss_addedit_type").attr("disabled",true); |
| 184 | 184 | |
| 185 | 185 | if (crit_type==="paths") { |
@@ -194,7 +194,7 @@ discard block |
||
| 194 | 194 | |
| 195 | 195 | var data = { |
| 196 | 196 | 'action': 'fetch_critcss', |
| 197 | - 'critcss_fetch_nonce': '<?php echo wp_create_nonce( 'fetch_critcss_nonce' ); ?>', |
|
| 197 | + 'critcss_fetch_nonce': '<?php echo wp_create_nonce('fetch_critcss_nonce'); ?>', |
|
| 198 | 198 | 'cachebustingtimestamp': new Date().getTime(), |
| 199 | 199 | 'critcssfile': crit_file |
| 200 | 200 | }; |
@@ -208,7 +208,7 @@ discard block |
||
| 208 | 208 | } |
| 209 | 209 | }); |
| 210 | 210 | } else { |
| 211 | - dialogTitle="<?php _e( 'Add Critical CSS Rule', 'autotimize' ); ?>"; |
|
| 211 | + dialogTitle="<?php _e('Add Critical CSS Rule', 'autotimize'); ?>"; |
|
| 212 | 212 | |
| 213 | 213 | // default: paths, hide content type field |
| 214 | 214 | jQuery("#critcss_addedit_type").val("paths"); |
@@ -219,11 +219,11 @@ discard block |
||
| 219 | 219 | if(this.value==="types") { |
| 220 | 220 | jQuery("#critcss_addedit_pagetype_wrapper").show(); |
| 221 | 221 | jQuery("#critcss_addedit_path_wrapper").hide(); |
| 222 | - jQuery("#critcss_addedit_css").attr("placeholder", "<?php _e( 'For type based rules, paste your specific and minified critical CSS here and hit submit to save. If you want to create a rule to exclude from critical CSS injection, enter \"none\".', 'autoptimize' ); ?>"); |
|
| 222 | + jQuery("#critcss_addedit_css").attr("placeholder", "<?php _e('For type based rules, paste your specific and minified critical CSS here and hit submit to save. If you want to create a rule to exclude from critical CSS injection, enter \"none\".', 'autoptimize'); ?>"); |
|
| 223 | 223 | } else { |
| 224 | 224 | jQuery("#critcss_addedit_path_wrapper").show(); |
| 225 | 225 | jQuery("#critcss_addedit_pagetype_wrapper").hide(); |
| 226 | - jQuery("#critcss_addedit_css").attr("placeholder", "<?php _e( 'For path based rules, paste your specific and minified critical CSS here or leave this empty to fetch it from criticalcss.com and hit submit to save. If you want to create a rule to exclude from critical CSS injection, enter \"none\"', 'autoptimize' ); ?>"); |
|
| 226 | + jQuery("#critcss_addedit_css").attr("placeholder", "<?php _e('For path based rules, paste your specific and minified critical CSS here or leave this empty to fetch it from criticalcss.com and hit submit to save. If you want to create a rule to exclude from critical CSS injection, enter \"none\"', 'autoptimize'); ?>"); |
|
| 227 | 227 | } |
| 228 | 228 | }); |
| 229 | 229 | } |
@@ -235,21 +235,21 @@ discard block |
||
| 235 | 235 | title: dialogTitle, |
| 236 | 236 | modal: true, |
| 237 | 237 | buttons: { |
| 238 | - "<?php _e( 'Submit', 'autoptimize' ); ?>": function() { |
|
| 238 | + "<?php _e('Submit', 'autoptimize'); ?>": function() { |
|
| 239 | 239 | rpath = jQuery("#critcss_addedit_path").val(); |
| 240 | 240 | rtype = jQuery("#critcss_addedit_pagetype option:selected").val(); |
| 241 | 241 | rccss = jQuery("#critcss_addedit_css").val(); |
| 242 | 242 | console.log('rpath: ' + rpath, 'rtype: ' + rtype, 'rccss: ' + rccss); |
| 243 | 243 | if (rpath === '' && rtype === '') { |
| 244 | - alert('<?php _e( "RULE VALIDATION ERROR!\\n\\nBased on your rule type, you SHOULD set a path or conditional tag.", 'autoptimize' ); ?>'); |
|
| 244 | + alert('<?php _e("RULE VALIDATION ERROR!\\n\\nBased on your rule type, you SHOULD set a path or conditional tag.", 'autoptimize'); ?>'); |
|
| 245 | 245 | } else if (rtype !== '' && rccss == '') { |
| 246 | - alert('<?php _e( "RULE VALIDATION ERROR!\\n\\nType based rules REQUIRES a minified critical CSS.", 'autoptimize' ); ?>'); |
|
| 246 | + alert('<?php _e("RULE VALIDATION ERROR!\\n\\nType based rules REQUIRES a minified critical CSS.", 'autoptimize'); ?>'); |
|
| 247 | 247 | } else { |
| 248 | 248 | saveEditCritCss(); |
| 249 | 249 | jQuery(this).dialog('close'); |
| 250 | 250 | } |
| 251 | 251 | }, |
| 252 | - "<?php _e( 'Cancel', 'autoptimize' ); ?>": function() { |
|
| 252 | + "<?php _e('Cancel', 'autoptimize'); ?>": function() { |
|
| 253 | 253 | resetForm(); |
| 254 | 254 | jQuery(this).dialog("close"); |
| 255 | 255 | } |
@@ -263,15 +263,15 @@ discard block |
||
| 263 | 263 | autoOpen: true, |
| 264 | 264 | height: 505, |
| 265 | 265 | width: 700, |
| 266 | - title: "<?php _e( 'Default Critical CSS', 'autoptimize' ); ?>", |
|
| 266 | + title: "<?php _e('Default Critical CSS', 'autoptimize'); ?>", |
|
| 267 | 267 | modal: true, |
| 268 | 268 | buttons: { |
| 269 | - "<?php _e( 'Submit', 'autoptimize' ); ?>": function() { |
|
| 269 | + "<?php _e('Submit', 'autoptimize'); ?>": function() { |
|
| 270 | 270 | document.getElementById("autoptimize_css_defer_inline").value=document.getElementById("dummyDefault").value; |
| 271 | 271 | jQuery("#unSavedWarning").show(); |
| 272 | 272 | jQuery("#default_critcss_wrapper").dialog( "close" ); |
| 273 | 273 | }, |
| 274 | - "<?php _e( 'Cancel', 'autoptimize' ); ?>": function() { |
|
| 274 | + "<?php _e('Cancel', 'autoptimize'); ?>": function() { |
|
| 275 | 275 | jQuery("#default_critcss_wrapper").dialog( "close" ); |
| 276 | 276 | } |
| 277 | 277 | } |
@@ -284,15 +284,15 @@ discard block |
||
| 284 | 284 | autoOpen: true, |
| 285 | 285 | height: 505, |
| 286 | 286 | width: 700, |
| 287 | - title: "<?php _e( 'Additional Critical CSS', 'autoptimize' ); ?>", |
|
| 287 | + title: "<?php _e('Additional Critical CSS', 'autoptimize'); ?>", |
|
| 288 | 288 | modal: true, |
| 289 | 289 | buttons: { |
| 290 | - "<?php _e( 'Submit', 'autoptimize' ); ?>": function() { |
|
| 290 | + "<?php _e('Submit', 'autoptimize'); ?>": function() { |
|
| 291 | 291 | document.getElementById("autoptimize_ccss_additional").value=document.getElementById("dummyAdditional").value; |
| 292 | 292 | jQuery("#unSavedWarning").show(); |
| 293 | 293 | jQuery("#additional_critcss_wrapper").dialog( "close" ); |
| 294 | 294 | }, |
| 295 | - "<?php _e( 'Cancel', 'autoptimize' ); ?>": function() { |
|
| 295 | + "<?php _e('Cancel', 'autoptimize'); ?>": function() { |
|
| 296 | 296 | jQuery("#additional_critcss_wrapper").dialog( "close" ); |
| 297 | 297 | } |
| 298 | 298 | } |
@@ -328,7 +328,7 @@ discard block |
||
| 328 | 328 | critCssArray[critcsstype][critcsstarget].file=critcssfile; |
| 329 | 329 | |
| 330 | 330 | <?php |
| 331 | - if ( $ao_ccss_debug ) { |
|
| 331 | + if ($ao_ccss_debug) { |
|
| 332 | 332 | echo "console.log('[RULE PROPERTIES] Type:', critcsstype, ', Target:', critcsstarget, ', Hash:', 0, ', File:', critcssfile);"; |
| 333 | 333 | } |
| 334 | 334 | ?> |
@@ -337,7 +337,7 @@ discard block |
||
| 337 | 337 | |
| 338 | 338 | var data = { |
| 339 | 339 | 'action': 'save_critcss', |
| 340 | - 'critcss_save_nonce': '<?php echo wp_create_nonce( 'save_critcss_nonce' ); ?>', |
|
| 340 | + 'critcss_save_nonce': '<?php echo wp_create_nonce('save_critcss_nonce'); ?>', |
|
| 341 | 341 | 'critcssfile': critcssfile, |
| 342 | 342 | 'critcsscontents': critcsscontents |
| 343 | 343 | }; |
@@ -362,7 +362,7 @@ discard block |
||
| 362 | 362 | } |
| 363 | 363 | |
| 364 | 364 | function resetForm() { |
| 365 | - jQuery("#critcss_addedit_css").attr("placeholder", "<?php _e( 'For path based rules, paste your specific and minified critical CSS here or leave this empty to fetch it from criticalcss.com and hit submit to save. If you want to create a rule to exclude from critical CSS injection, enter \"none\"', 'autoptimize' ); ?>"); |
|
| 365 | + jQuery("#critcss_addedit_css").attr("placeholder", "<?php _e('For path based rules, paste your specific and minified critical CSS here or leave this empty to fetch it from criticalcss.com and hit submit to save. If you want to create a rule to exclude from critical CSS injection, enter \"none\"', 'autoptimize'); ?>"); |
|
| 366 | 366 | jQuery("#critcss_addedit_type").attr("disabled",false); |
| 367 | 367 | jQuery("#critcss_addedit_path_wrapper").show(); |
| 368 | 368 | jQuery("#critcss_addedit_id").val(""); |
@@ -13,12 +13,12 @@ discard block |
||
| 13 | 13 | ?> |
| 14 | 14 | <ul id="rules-panel"> |
| 15 | 15 | <li class="itemDetail"> |
| 16 | - <h2 class="itemTitle"><?php _e( 'Rules', 'autoptimize' ); ?></h2> |
|
| 16 | + <h2 class="itemTitle"><?php _e('Rules', 'autoptimize'); ?></h2> |
|
| 17 | 17 | |
| 18 | 18 | <!-- BEGIN Rule dialogs --> |
| 19 | 19 | <!-- Unsaved dialog --> |
| 20 | 20 | <div id="unSavedWarning" class="hidden updated settings-error notice notice-warning is-dismissible"> |
| 21 | - <p><?php _e( "<strong>Rules or Queue changed!</strong> Don't forget to save your changes!", 'autoptimize' ); ?></p> |
|
| 21 | + <p><?php _e("<strong>Rules or Queue changed!</strong> Don't forget to save your changes!", 'autoptimize'); ?></p> |
|
| 22 | 22 | </div> |
| 23 | 23 | |
| 24 | 24 | <!-- Create/edit rule dialog --> |
@@ -26,97 +26,97 @@ discard block |
||
| 26 | 26 | <table class="form-table rules"> |
| 27 | 27 | <tr id="critcss_addedit_type_wrapper"> |
| 28 | 28 | <th scope="row"> |
| 29 | - <?php _e( 'Rule Type', 'autoptimize' ); ?> |
|
| 29 | + <?php _e('Rule Type', 'autoptimize'); ?> |
|
| 30 | 30 | </th> |
| 31 | 31 | <td> |
| 32 | 32 | <select id="critcss_addedit_type" style="width:100%;"> |
| 33 | - <option value="paths"><?php _e( 'Path', 'autoptimize' ); ?></option> |
|
| 34 | - <option value="types"><?php _e( 'Conditional Tag', 'autoptimize' ); ?></option> |
|
| 33 | + <option value="paths"><?php _e('Path', 'autoptimize'); ?></option> |
|
| 34 | + <option value="types"><?php _e('Conditional Tag', 'autoptimize'); ?></option> |
|
| 35 | 35 | </select> |
| 36 | 36 | </td> |
| 37 | 37 | </tr> |
| 38 | 38 | <tr id="critcss_addedit_path_wrapper"> |
| 39 | 39 | <th scope="row"> |
| 40 | - <?php _e( 'String in Path', 'autoptimize' ); ?> |
|
| 40 | + <?php _e('String in Path', 'autoptimize'); ?> |
|
| 41 | 41 | </th> |
| 42 | 42 | <td> |
| 43 | - <input type="text" id="critcss_addedit_path" placeholder="<?php _e( "Enter a part of the URL that identifies the page(s) you're targetting.", 'autoptimize' ); ?>" style="width:100%;" value=""> |
|
| 43 | + <input type="text" id="critcss_addedit_path" placeholder="<?php _e("Enter a part of the URL that identifies the page(s) you're targetting.", 'autoptimize'); ?>" style="width:100%;" value=""> |
|
| 44 | 44 | </td> |
| 45 | 45 | </tr> |
| 46 | 46 | <tr id="critcss_addedit_pagetype_wrapper"> |
| 47 | 47 | <th scope="row"> |
| 48 | - <?php _e( 'Conditional Tag, Custom Post Type or Page Template', 'autoptimize' ); ?> |
|
| 48 | + <?php _e('Conditional Tag, Custom Post Type or Page Template', 'autoptimize'); ?> |
|
| 49 | 49 | </th> |
| 50 | 50 | <td> |
| 51 | 51 | <select id="critcss_addedit_pagetype" style="width:100%;"> |
| 52 | - <option value="" disabled selected><?php _e( 'Select from the list below...', 'autoptimize' ); ?></option> |
|
| 53 | - <optgroup label="<?php _e( 'Standard Conditional Tags', 'autoptimize' ); ?>"> |
|
| 52 | + <option value="" disabled selected><?php _e('Select from the list below...', 'autoptimize'); ?></option> |
|
| 53 | + <optgroup label="<?php _e('Standard Conditional Tags', 'autoptimize'); ?>"> |
|
| 54 | 54 | <?php |
| 55 | 55 | // Render grouped simple conditional tags. |
| 56 | - foreach ( $ao_ccss_types as $ctag ) { |
|
| 57 | - $optgrp = substr( $ctag, 0, 3 ); |
|
| 58 | - if ( substr( $ctag, 0, 3 ) === 'is_' ) { |
|
| 59 | - echo '<option value="' . $ctag . '">' . $ctag . '</option>'; |
|
| 56 | + foreach ($ao_ccss_types as $ctag) { |
|
| 57 | + $optgrp = substr($ctag, 0, 3); |
|
| 58 | + if (substr($ctag, 0, 3) === 'is_') { |
|
| 59 | + echo '<option value="'.$ctag.'">'.$ctag.'</option>'; |
|
| 60 | 60 | } |
| 61 | - $prevgrp = substr( $ctag, 0, 3 ); |
|
| 61 | + $prevgrp = substr($ctag, 0, 3); |
|
| 62 | 62 | } |
| 63 | 63 | |
| 64 | 64 | // Render grouped custom post types, templates and specific conditional tags. |
| 65 | - foreach ( $ao_ccss_types as $type ) { |
|
| 66 | - $optgrp = substr( $type, 0, 3 ); |
|
| 65 | + foreach ($ao_ccss_types as $type) { |
|
| 66 | + $optgrp = substr($type, 0, 3); |
|
| 67 | 67 | |
| 68 | 68 | // Option groups labels. |
| 69 | - if ( $optgrp !== $prevgrp && 'is_' !== $optgrp ) { |
|
| 69 | + if ($optgrp !== $prevgrp && 'is_' !== $optgrp) { |
|
| 70 | 70 | ?> |
| 71 | 71 | </optgroup> |
| 72 | 72 | <?php |
| 73 | - if ( substr( $type, 0, 12 ) === 'custom_post_' ) { |
|
| 73 | + if (substr($type, 0, 12) === 'custom_post_') { |
|
| 74 | 74 | ?> |
| 75 | - <optgroup label="<?php _e( 'Custom Post Types', 'autoptimize' ); ?>"> |
|
| 75 | + <optgroup label="<?php _e('Custom Post Types', 'autoptimize'); ?>"> |
|
| 76 | 76 | <?php |
| 77 | - } elseif ( substr( $type, 0, 9 ) === 'template_' ) { |
|
| 77 | + } elseif (substr($type, 0, 9) === 'template_') { |
|
| 78 | 78 | ?> |
| 79 | - <optgroup label="<?php _e( 'Page Templates', 'autoptimize' ); ?>"> |
|
| 79 | + <optgroup label="<?php _e('Page Templates', 'autoptimize'); ?>"> |
|
| 80 | 80 | <?php |
| 81 | - } elseif ( substr( $type, 0, 4 ) === 'bbp_' ) { |
|
| 81 | + } elseif (substr($type, 0, 4) === 'bbp_') { |
|
| 82 | 82 | ?> |
| 83 | - <optgroup label="<?php _e( 'BBPress Conditional Tags', 'autoptimize' ); ?>"> |
|
| 83 | + <optgroup label="<?php _e('BBPress Conditional Tags', 'autoptimize'); ?>"> |
|
| 84 | 84 | <?php |
| 85 | - } elseif ( substr( $type, 0, 3 ) === 'bp_' ) { |
|
| 85 | + } elseif (substr($type, 0, 3) === 'bp_') { |
|
| 86 | 86 | ?> |
| 87 | - <optgroup label="<?php _e( 'BuddyPress Conditional Tags', 'autoptimize' ); ?>"> |
|
| 87 | + <optgroup label="<?php _e('BuddyPress Conditional Tags', 'autoptimize'); ?>"> |
|
| 88 | 88 | <?php |
| 89 | - } elseif ( substr( $type, 0, 4 ) === 'edd_' ) { |
|
| 89 | + } elseif (substr($type, 0, 4) === 'edd_') { |
|
| 90 | 90 | ?> |
| 91 | - <optgroup label="<?php _e( 'Easy Digital Downloads Conditional Tags', 'autoptimize' ); ?>"> |
|
| 91 | + <optgroup label="<?php _e('Easy Digital Downloads Conditional Tags', 'autoptimize'); ?>"> |
|
| 92 | 92 | <?php |
| 93 | - } elseif ( substr( $type, 0, 4 ) === 'woo_' ) { |
|
| 93 | + } elseif (substr($type, 0, 4) === 'woo_') { |
|
| 94 | 94 | ?> |
| 95 | - <optgroup label="<?php _e( 'WooCommerce Conditional Tags', 'autoptimize' ); ?>"> |
|
| 95 | + <optgroup label="<?php _e('WooCommerce Conditional Tags', 'autoptimize'); ?>"> |
|
| 96 | 96 | <?php |
| 97 | 97 | } |
| 98 | 98 | } |
| 99 | 99 | |
| 100 | 100 | // Options. |
| 101 | - if ( 'is_' !== $optgrp ) { |
|
| 101 | + if ('is_' !== $optgrp) { |
|
| 102 | 102 | // Remove prefix from custom post types, templates and some specific conditional tags. |
| 103 | - if ( substr( $type, 0, 12 ) === 'custom_post_' ) { |
|
| 104 | - $_type = str_replace( 'custom_post_', '', $type ); |
|
| 105 | - } elseif ( substr( $type, 0, 9 ) === 'template_' ) { |
|
| 106 | - $_type = str_replace( 'template_', '', $type ); |
|
| 107 | - } elseif ( 'bbp_is_bbpress' == $type ) { |
|
| 108 | - $_type = str_replace( 'bbp_', '', $type ); |
|
| 109 | - } elseif ( 'bp_is_buddypress' == $type ) { |
|
| 110 | - $_type = str_replace( 'bp_', '', $type ); |
|
| 111 | - } elseif ( substr( $type, 0, 4 ) === 'woo_' ) { |
|
| 112 | - $_type = str_replace( 'woo_', '', $type ); |
|
| 113 | - } elseif ( substr( $type, 0, 4 ) === 'edd_' ) { |
|
| 114 | - $_type = str_replace( 'edd_', '', $type ); |
|
| 103 | + if (substr($type, 0, 12) === 'custom_post_') { |
|
| 104 | + $_type = str_replace('custom_post_', '', $type); |
|
| 105 | + } elseif (substr($type, 0, 9) === 'template_') { |
|
| 106 | + $_type = str_replace('template_', '', $type); |
|
| 107 | + } elseif ('bbp_is_bbpress' == $type) { |
|
| 108 | + $_type = str_replace('bbp_', '', $type); |
|
| 109 | + } elseif ('bp_is_buddypress' == $type) { |
|
| 110 | + $_type = str_replace('bp_', '', $type); |
|
| 111 | + } elseif (substr($type, 0, 4) === 'woo_') { |
|
| 112 | + $_type = str_replace('woo_', '', $type); |
|
| 113 | + } elseif (substr($type, 0, 4) === 'edd_') { |
|
| 114 | + $_type = str_replace('edd_', '', $type); |
|
| 115 | 115 | } else { |
| 116 | 116 | $_type = $type; |
| 117 | 117 | } |
| 118 | 118 | |
| 119 | - echo '<option value="' . $type . '">' . $_type . '</option>'; |
|
| 119 | + echo '<option value="'.$type.'">'.$_type.'</option>'; |
|
| 120 | 120 | $prevgrp = $optgrp; |
| 121 | 121 | } |
| 122 | 122 | } |
@@ -127,10 +127,10 @@ discard block |
||
| 127 | 127 | </tr> |
| 128 | 128 | <tr> |
| 129 | 129 | <th scope="row"> |
| 130 | - <?php _e( 'Custom Critical CSS', 'autoptimize' ); ?> |
|
| 130 | + <?php _e('Custom Critical CSS', 'autoptimize'); ?> |
|
| 131 | 131 | </th> |
| 132 | 132 | <td> |
| 133 | - <textarea id="critcss_addedit_css" rows="13" cols="10" style="width:100%;" placeholder="<?php _e( 'Paste your specific critical CSS here and hit submit to save.', 'autoptimize' ); ?>"></textarea> |
|
| 133 | + <textarea id="critcss_addedit_css" rows="13" cols="10" style="width:100%;" placeholder="<?php _e('Paste your specific critical CSS here and hit submit to save.', 'autoptimize'); ?>"></textarea> |
|
| 134 | 134 | <input type="hidden" id="critcss_addedit_file"> |
| 135 | 135 | <input type="hidden" id="critcss_addedit_id"> |
| 136 | 136 | </td> |
@@ -139,23 +139,23 @@ discard block |
||
| 139 | 139 | </div> |
| 140 | 140 | |
| 141 | 141 | <!-- Remove dialog --> |
| 142 | - <div id="confirm-rm" title="<?php _e( 'Delete Rule', 'autoptimize' ); ?>" class="hidden"> |
|
| 143 | - <p><?php _e( 'This Critical CSS rule will be deleted immediately and cannot be recovered.<br /><br /><strong>Are you sure?</strong>', 'autoptimize' ); ?></p> |
|
| 142 | + <div id="confirm-rm" title="<?php _e('Delete Rule', 'autoptimize'); ?>" class="hidden"> |
|
| 143 | + <p><?php _e('This Critical CSS rule will be deleted immediately and cannot be recovered.<br /><br /><strong>Are you sure?</strong>', 'autoptimize'); ?></p> |
|
| 144 | 144 | </div> |
| 145 | 145 | |
| 146 | 146 | <!-- Remove All dialog --> |
| 147 | - <div id="confirm-rm-all" title="<?php _e( 'Delete all Rules and Jobs', 'autoptimize' ); ?>" class="hidden"> |
|
| 148 | - <p><?php _e( 'All Critical CSS rules will be deleted immediately and cannot be recovered.<br /><br /><strong>Are you sure?</strong>', 'autoptimize' ); ?></p> |
|
| 147 | + <div id="confirm-rm-all" title="<?php _e('Delete all Rules and Jobs', 'autoptimize'); ?>" class="hidden"> |
|
| 148 | + <p><?php _e('All Critical CSS rules will be deleted immediately and cannot be recovered.<br /><br /><strong>Are you sure?</strong>', 'autoptimize'); ?></p> |
|
| 149 | 149 | </div> |
| 150 | 150 | |
| 151 | 151 | <!-- Add/edit default critical CSS dialog --> |
| 152 | 152 | <div id="default_critcss_wrapper" class="hidden"> |
| 153 | - <textarea id="dummyDefault" rows="19" cols="10" style="width:100%;" placeholder="<?php _e( 'Paste your MINIFIED default critical CSS here and hit submit to save. This is the critical CSS to be used for every page NOT MATCHING any rule.', 'autoptimize' ); ?>"></textarea> |
|
| 153 | + <textarea id="dummyDefault" rows="19" cols="10" style="width:100%;" placeholder="<?php _e('Paste your MINIFIED default critical CSS here and hit submit to save. This is the critical CSS to be used for every page NOT MATCHING any rule.', 'autoptimize'); ?>"></textarea> |
|
| 154 | 154 | </div> |
| 155 | 155 | |
| 156 | 156 | <!-- Add/edit additional critical CSS dialog --> |
| 157 | 157 | <div id="additional_critcss_wrapper" class="hidden"> |
| 158 | - <textarea id="dummyAdditional" rows="19" cols="10" style="width:100%;" placeholder="<?php _e( 'Paste your MINIFIED additional critical CSS here and hit submit to save. This is the CSS to be added AT THE END of every critical CSS provided by a matching rule, or the default one.', 'autoptimize' ); ?>"></textarea> |
|
| 158 | + <textarea id="dummyAdditional" rows="19" cols="10" style="width:100%;" placeholder="<?php _e('Paste your MINIFIED additional critical CSS here and hit submit to save. This is the CSS to be added AT THE END of every critical CSS provided by a matching rule, or the default one.', 'autoptimize'); ?>"></textarea> |
|
| 159 | 159 | </div> |
| 160 | 160 | |
| 161 | 161 | <!-- Wrapper for in screen notices --> |
@@ -165,38 +165,38 @@ discard block |
||
| 165 | 165 | <!-- BEGIN Rules UI --> |
| 166 | 166 | <div class="howto"> |
| 167 | 167 | <div class="title-wrap"> |
| 168 | - <h4 class="title"><?php _e( 'How To Use Autoptimize CriticalCSS Power-Up Rules', 'autoptimize' ); ?></h4> |
|
| 169 | - <p class="subtitle"><?php _e( 'Click the side arrow to toggle instructions', 'autoptimize' ); ?></p> |
|
| 168 | + <h4 class="title"><?php _e('How To Use Autoptimize CriticalCSS Power-Up Rules', 'autoptimize'); ?></h4> |
|
| 169 | + <p class="subtitle"><?php _e('Click the side arrow to toggle instructions', 'autoptimize'); ?></p> |
|
| 170 | 170 | </div> |
| 171 | 171 | <button type="button" class="toggle-btn"> |
| 172 | 172 | <span class="toggle-indicator dashicons dashicons-arrow-up dashicons-arrow-down"></span> |
| 173 | 173 | </button> |
| 174 | 174 | <div class="howto-wrap hidden"> |
| 175 | - <p><?php _e( "TL;DR:<br />Critical CSS files from <span class='badge auto'>AUTO</span> <strong>rules are updated automatically</strong> while from <span class='badge manual'>MANUAL</span> <strong>rules are not.</strong>", 'autoptimize' ); ?></p> |
|
| 175 | + <p><?php _e("TL;DR:<br />Critical CSS files from <span class='badge auto'>AUTO</span> <strong>rules are updated automatically</strong> while from <span class='badge manual'>MANUAL</span> <strong>rules are not.</strong>", 'autoptimize'); ?></p> |
|
| 176 | 176 | <ol> |
| 177 | - <li><?php _e( 'When a valid <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> API key is in place, Autoptimize CriticalCSS Power-Up starts to operate <strong>automatically</strong>.', 'autoptimize' ); ?></li> |
|
| 178 | - <li><?php _e( 'Upon a request to any of the frontend pages made by a <strong>not logged in user</strong>, it will <strong>asynchronously</strong> fetch and update the critical CSS from <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> for conditional tags you have on your site (e.g. is_page, is_single, is_archive etc.)', 'autoptimize' ); ?></li> |
|
| 179 | - <li><?php _e( 'These requests also creates an <span class="badge auto">AUTO</span> rule for you. The critical CSS files from <span class="badge auto">AUTO</span> <strong>rules are updated automatically</strong> when a CSS file in your theme or frontend plugins changes.', 'autoptimize' ); ?></li> |
|
| 180 | - <li><?php _e( 'If you want to make any fine tunning in the critical CSS file of an <span class="badge auto">AUTO</span> rule, click on "Edit" button of that rule, change what you need, submit and save it. The rule you\'ve just edited becomes a <span class="badge manual">MANUAL</span> rule then.', 'autoptimize' ); ?></li> |
|
| 181 | - <li><?php _e( 'You can create <span class="badge manual">MANUAL</span> rules for specific page paths (URL). Longer, more specific paths have higher priority over shorter ones, which in turn have higher priority over <span class="badge auto">AUTO</span> rules. Also, critical CSS files from <span class="badge manual">MANUAL</span> <strong>rules are NEVER updated automatically.</strong>', 'autoptimize' ); ?></li> |
|
| 182 | - <li><?php _e( 'You can also create an <span class="badge auto">AUTO</span> rule for a path by leaving its critical CSS content empty. The critical CSS for that path will be automatically fetched from <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> for you and updated whenever it changes.', 'autoptimize' ); ?></li> |
|
| 183 | - <li><?php _e( "If you see an <span class='badge auto'>AUTO</span> rule with a <span class='badge review'>R</span> besides it (R is after REVIEW), it means that the fetched critical CSS for that rule is not 100% garanteed to work according to <a href='https://criticalcss.com/?aff=1' target='_blank'>criticalcss.com</a> analysis. It's advised that you edit and review that rule to make any required adjustments.", 'autoptimize' ); ?></li> |
|
| 184 | - <li><?php _e( 'At any time you can delete an <span class="badge auto">AUTO</span> or <span class="badge manual">MANUAL</span> rule by cliking on "Remove" button of the desired rule and saving your changes.', 'autoptimize' ); ?></li> |
|
| 177 | + <li><?php _e('When a valid <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> API key is in place, Autoptimize CriticalCSS Power-Up starts to operate <strong>automatically</strong>.', 'autoptimize'); ?></li> |
|
| 178 | + <li><?php _e('Upon a request to any of the frontend pages made by a <strong>not logged in user</strong>, it will <strong>asynchronously</strong> fetch and update the critical CSS from <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> for conditional tags you have on your site (e.g. is_page, is_single, is_archive etc.)', 'autoptimize'); ?></li> |
|
| 179 | + <li><?php _e('These requests also creates an <span class="badge auto">AUTO</span> rule for you. The critical CSS files from <span class="badge auto">AUTO</span> <strong>rules are updated automatically</strong> when a CSS file in your theme or frontend plugins changes.', 'autoptimize'); ?></li> |
|
| 180 | + <li><?php _e('If you want to make any fine tunning in the critical CSS file of an <span class="badge auto">AUTO</span> rule, click on "Edit" button of that rule, change what you need, submit and save it. The rule you\'ve just edited becomes a <span class="badge manual">MANUAL</span> rule then.', 'autoptimize'); ?></li> |
|
| 181 | + <li><?php _e('You can create <span class="badge manual">MANUAL</span> rules for specific page paths (URL). Longer, more specific paths have higher priority over shorter ones, which in turn have higher priority over <span class="badge auto">AUTO</span> rules. Also, critical CSS files from <span class="badge manual">MANUAL</span> <strong>rules are NEVER updated automatically.</strong>', 'autoptimize'); ?></li> |
|
| 182 | + <li><?php _e('You can also create an <span class="badge auto">AUTO</span> rule for a path by leaving its critical CSS content empty. The critical CSS for that path will be automatically fetched from <a href="https://criticalcss.com/?aff=1" target="_blank">criticalcss.com</a> for you and updated whenever it changes.', 'autoptimize'); ?></li> |
|
| 183 | + <li><?php _e("If you see an <span class='badge auto'>AUTO</span> rule with a <span class='badge review'>R</span> besides it (R is after REVIEW), it means that the fetched critical CSS for that rule is not 100% garanteed to work according to <a href='https://criticalcss.com/?aff=1' target='_blank'>criticalcss.com</a> analysis. It's advised that you edit and review that rule to make any required adjustments.", 'autoptimize'); ?></li> |
|
| 184 | + <li><?php _e('At any time you can delete an <span class="badge auto">AUTO</span> or <span class="badge manual">MANUAL</span> rule by cliking on "Remove" button of the desired rule and saving your changes.', 'autoptimize'); ?></li> |
|
| 185 | 185 | </ol> |
| 186 | 186 | </div> |
| 187 | 187 | </div> |
| 188 | - <textarea id="autoptimize_css_defer_inline" name="autoptimize_css_defer_inline" rows="19" cols="10" style="width:100%;"><?php echo get_option( 'autoptimize_css_defer_inline', '' ); ?></textarea> |
|
| 189 | - <textarea id="autoptimize_ccss_additional" name="autoptimize_ccss_additional" rows="19" cols="10" style="width:100%;"><?php echo get_option( 'autoptimize_ccss_additional', '' ); ?></textarea> |
|
| 188 | + <textarea id="autoptimize_css_defer_inline" name="autoptimize_css_defer_inline" rows="19" cols="10" style="width:100%;"><?php echo get_option('autoptimize_css_defer_inline', ''); ?></textarea> |
|
| 189 | + <textarea id="autoptimize_ccss_additional" name="autoptimize_ccss_additional" rows="19" cols="10" style="width:100%;"><?php echo get_option('autoptimize_ccss_additional', ''); ?></textarea> |
|
| 190 | 190 | <table class="rules-list" cellspacing="0"><tbody id="rules-list"></tbody></table> |
| 191 | - <input class="hidden" type="text" id="critCssOrigin" name="autoptimize_ccss_rules" value='<?php echo ( json_encode( $ao_ccss_rules, JSON_FORCE_OBJECT ) ); ?>'> |
|
| 191 | + <input class="hidden" type="text" id="critCssOrigin" name="autoptimize_ccss_rules" value='<?php echo (json_encode($ao_ccss_rules, JSON_FORCE_OBJECT)); ?>'> |
|
| 192 | 192 | <div class="submit rules-btn"> |
| 193 | 193 | <div class="alignleft"> |
| 194 | - <span id="addCritCssButton" class="button-secondary"><?php _e( 'Add New Rule', 'autoptimize' ); ?></span> |
|
| 195 | - <span id="editDefaultButton" class="button-secondary"><?php _e( 'Edit Default Rule CSS', 'autoptimize' ); ?></span> |
|
| 196 | - <span id="editAdditionalButton" class="button-secondary"><?php _e( 'Add CSS To All Rules', 'autoptimize' ); ?></span> |
|
| 194 | + <span id="addCritCssButton" class="button-secondary"><?php _e('Add New Rule', 'autoptimize'); ?></span> |
|
| 195 | + <span id="editDefaultButton" class="button-secondary"><?php _e('Edit Default Rule CSS', 'autoptimize'); ?></span> |
|
| 196 | + <span id="editAdditionalButton" class="button-secondary"><?php _e('Add CSS To All Rules', 'autoptimize'); ?></span> |
|
| 197 | 197 | </div> |
| 198 | 198 | <div class="alignright"> |
| 199 | - <span id="removeAllRules" class="button-secondary" style="color:red;"><?php _e( 'Remove all rules', 'autoptimize' ); ?></span> |
|
| 199 | + <span id="removeAllRules" class="button-secondary" style="color:red;"><?php _e('Remove all rules', 'autoptimize'); ?></span> |
|
| 200 | 200 | </div> |
| 201 | 201 | </div> |
| 202 | 202 | <!-- END Rules UI --> |
@@ -10,7 +10,7 @@ discard block |
||
| 10 | 10 | $ao_options = $wpdb->get_results(' |
| 11 | 11 | SELECT option_name AS name, |
| 12 | 12 | option_value AS value |
| 13 | - FROM ' . $wpdb->options . ' |
|
| 13 | + FROM ' . $wpdb->options.' |
|
| 14 | 14 | WHERE option_name LIKE "autoptimize_%%" |
| 15 | 15 | ORDER BY name |
| 16 | 16 | ', ARRAY_A); |
@@ -19,27 +19,27 @@ discard block |
||
| 19 | 19 | $ao_trans = $wpdb->get_results(' |
| 20 | 20 | SELECT option_name AS name, |
| 21 | 21 | option_value AS value |
| 22 | - FROM ' . $wpdb->options . ' |
|
| 22 | + FROM ' . $wpdb->options.' |
|
| 23 | 23 | WHERE option_name LIKE "_transient_autoptimize_%%" |
| 24 | 24 | OR option_name LIKE "_transient_timeout_autoptimize_%%" |
| 25 | 25 | ', ARRAY_A); |
| 26 | 26 | |
| 27 | 27 | // Render debug panel if there's something to show. |
| 28 | -if ( $ao_options || $ao_trans ) { |
|
| 28 | +if ($ao_options || $ao_trans) { |
|
| 29 | 29 | ?> |
| 30 | 30 | <!-- BEGIN: Settings Debug --> |
| 31 | 31 | <ul> |
| 32 | 32 | <li class="itemDetail"> |
| 33 | - <h2 class="itemTitle"><?php _e( 'Debug Information', 'autoptimize' ); ?></h2> |
|
| 33 | + <h2 class="itemTitle"><?php _e('Debug Information', 'autoptimize'); ?></h2> |
|
| 34 | 34 | |
| 35 | 35 | <?php |
| 36 | 36 | // Render options. |
| 37 | - if ( $ao_options ) { |
|
| 37 | + if ($ao_options) { |
|
| 38 | 38 | ?> |
| 39 | - <h4><?php _e( 'Options', 'autoptimize' ); ?>:</h4> |
|
| 39 | + <h4><?php _e('Options', 'autoptimize'); ?>:</h4> |
|
| 40 | 40 | <table class="form-table debug"> |
| 41 | 41 | <?php |
| 42 | - foreach ( $ao_options as $option ) { |
|
| 42 | + foreach ($ao_options as $option) { |
|
| 43 | 43 | ?> |
| 44 | 44 | <tr> |
| 45 | 45 | <th scope="row"> |
@@ -47,10 +47,10 @@ discard block |
||
| 47 | 47 | </th> |
| 48 | 48 | <td> |
| 49 | 49 | <?php |
| 50 | - if ( 'autoptimize_ccss_queue' == $option['name'] || 'autoptimize_ccss_rules' == $option['name'] ) { |
|
| 51 | - $value = print_r( json_decode( $option['value'], true ), true ); |
|
| 52 | - if ( $value ) { |
|
| 53 | - echo "Raw JSON:\n<pre>" . $option['value'] . "</pre>\n\nDecoded JSON:\n<pre>" . $value . '</pre>'; |
|
| 50 | + if ('autoptimize_ccss_queue' == $option['name'] || 'autoptimize_ccss_rules' == $option['name']) { |
|
| 51 | + $value = print_r(json_decode($option['value'], true), true); |
|
| 52 | + if ($value) { |
|
| 53 | + echo "Raw JSON:\n<pre>".$option['value']."</pre>\n\nDecoded JSON:\n<pre>".$value.'</pre>'; |
|
| 54 | 54 | } else { |
| 55 | 55 | echo 'Empty'; |
| 56 | 56 | } |
@@ -69,11 +69,11 @@ discard block |
||
| 69 | 69 | } |
| 70 | 70 | // Render WP-Cron intervals and scheduled events. |
| 71 | 71 | ?> |
| 72 | - <h4><?php _e( 'WP-Cron Intervals', 'autoptimize' ); ?>:</h4> |
|
| 73 | - <pre><?php print_r( wp_get_schedules() ); ?></pre> |
|
| 72 | + <h4><?php _e('WP-Cron Intervals', 'autoptimize'); ?>:</h4> |
|
| 73 | + <pre><?php print_r(wp_get_schedules()); ?></pre> |
|
| 74 | 74 | <hr /> |
| 75 | - <h4><?php _e( 'WP-Cron Scheduled Events', 'autoptimize' ); ?>:</h4> |
|
| 76 | - <pre><?php print_r( _get_cron_array() ); ?></pre> |
|
| 75 | + <h4><?php _e('WP-Cron Scheduled Events', 'autoptimize'); ?>:</h4> |
|
| 76 | + <pre><?php print_r(_get_cron_array()); ?></pre> |
|
| 77 | 77 | </li> |
| 78 | 78 | </ul> |
| 79 | 79 | <!-- END: Settings Debug --> |
