← Back
Editing: PageSpeed_Page_View.js
/** * File: PageSpeed_Page_View.js * * JavaScript for the PageSpeed page. * * @since 2.3.0 Update to utilize OAuth2.0 and overhaul of feature. * * @global w3tcData Localized data. */ jQuery(document).ready(function ($) { /** * Analyze GPS page_post URL via AJAX to Google PageSpeed Insights. * * @since 2.3.0 * * @param object page_post GPS page page_post object. * @param boolean nocache Flag to enable/disable results cache. * * @return void */ function w3tcps_analyze(page_post, nocache) { let page_post_id = page_post.find('.w3tcps_buttons').attr('page_post_id'); let page_post_url = page_post.find('.w3tcps_buttons').attr('page_post_url'); page_post.find('.page_post_psresults').fadeOut('fast'); page_post.find('.w3tcps_buttons').addClass('w3tc_none'); page_post.find('.w3tcps_loading').removeClass('w3tc_none').find('.spinner').addClass('is-active'); page_post.find('.w3tcps_error').addClass('w3tc_none'); $.ajax({ type: 'GET', url: ajaxurl + '?action=w3tc_ajax&_wpnonce=' + w3tc_nonce + '&w3tc_action=pagespeed_data&url=' + encodeURIComponent(page_post_url) + (nocache ? '&cache=no' : ''), dataType: 'json', success: function (data) { $('#' + page_post_id).prev().find('.w3tcps_loading').addClass('w3tc_none').find('.spinner').removeClass('is-active'); if (data.error) { $('.w3tcps_buttons').removeClass('w3tc_none'); $('#' + page_post_id).prev().find('.w3tcps_error').html(w3tcData.lang.pagespeed_data_error + data.error); $('#' + page_post_id).prev().find('.w3tcps_error').removeClass('w3tc_none'); return; } else if (data.missing_token) { $('.w3tcps_buttons').addClass('w3tc_none'); $('#' + page_post_id).prev().find('.w3tcps_missing_token').html(data.missing_token); $('#' + page_post_id).prev().find('.w3tcps_missing_token').removeClass('w3tc_none'); return; } $('.w3tcps_timestamp').html(data.w3tcps_timestamp); $('.w3tcps_buttons').removeClass('w3tc_none'); $('#' + page_post_id).html(data.w3tcps_content).fadeIn('slow'); $('.w3tcps_item_desciption a').attr('target', '_blank'); if (window.w3tc_ga) { w3tc_ga( 'event', 'pagespeed', { 'event_category': 'Performance Metrics', 'event_action': data.w3tcps_domain, 'mobile_score': data.w3tcps_score.mobile, 'desktop_score': data.w3tcps_score.desktop, 'mobile_first_contentful_paint_score': data.w3tcps_first_contentful_paint.mobile.score, 'mobile_first_contentful_paint_display_value': data.w3tcps_first_contentful_paint.mobile.displayValue, 'mobile_largest_contentful_paint_score': data.w3tcps_largest_contentful_paint.mobile.score, 'mobile_largest_contentful_paint_display_value': data.w3tcps_largest_contentful_paint.mobile.displayValue, 'mobile_interactive_score': data.w3tcps_interactive.mobile.score, 'mobile_interactive_display_value': data.w3tcps_interactive.mobile.displayValue, 'mobile_cumulative_layout_shift_score': data.w3tcps_cumulative_layout_shift.mobile.score, 'mobile_cumulative_layout_shift_display_value': data.w3tcps_cumulative_layout_shift.mobile.displayValue, 'mobile_total_blocking_time_score': data.w3tcps_total_blocking_time.mobile.score, 'mobile_total_blocking_time_display_value': data.w3tcps_total_blocking_time.mobile.displayValue, 'mobile_speed_index_score': data.w3tcps_speed_index.mobile.score, 'mobile_speed_index_display_value': data.w3tcps_speed_index.mobile.displayValue, 'desktop_first_contentful_paint_score': data.w3tcps_first_contentful_paint.desktop.score, 'desktop_first_contentful_paint_display_value': data.w3tcps_first_contentful_paint.desktop.displayValue, 'desktop_largest_contentful_paint_score': data.w3tcps_largest_contentful_paint.desktop.score, 'desktop_largest_contentful_paint_display_value': data.w3tcps_largest_contentful_paint.desktop.displayValue, 'desktop_interactive_score': data.w3tcps_interactive.desktop.score, 'desktop_interactive_display_value': data.w3tcps_interactive.desktop.displayValue, 'desktop_cumulative_layout_shift_score': data.w3tcps_cumulative_layout_shift.desktop.score, 'desktop_cumulative_layout_shift_display_value': data.w3tcps_cumulative_layout_shift.desktop.displayValue, 'desktop_total_blocking_time_score': data.w3tcps_total_blocking_time.desktop.score, 'desktop_total_blocking_time_display_value': data.w3tcps_total_blocking_time.desktop.displayValue, 'desktop_speed_index_score': data.w3tcps_speed_index.desktop.score, 'desktop_speed_index_display_value': data.w3tcps_speed_index.desktop.displayValue, } ); } }, error: function (jqXHR, textStatus, errorThrown) { $('.w3tcps_analyze').prop('disabled', false); $('#' + page_post_id).prev().find('.w3tcps_error').html(w3tcData.lang.pagespeed_data_error + errorThrown); $('#' + page_post_id).prev().find('.w3tcps_error').removeClass('w3tc_none'); $('#' + page_post_id).prev().find('.w3tcps_loading').addClass('w3tc_none').find('.spinner').removeClass('is-active'); }, async: true }); } /** * Toggle breakdown accordion. * * @since 2.3.0 * * @return void */ function w3tcps_breakdown_items_toggle() { if (window.w3tc_ga) { w3tc_ga( 'event', 'metric', { eventCategory: 'w3tc_pagespeed', eventLabel: $(this).attr('gatitle') } ); } $(this).find('.dashicons').toggleClass("dashicons-arrow-up-alt2 dashicons-arrow-down-alt2"); $(this).next().slideToggle(); } /** * View mobile tab. * * @since 2.3.0 * * @return void */ function w3tcps_mobile_toggle() { if (window.w3tc_ga) { w3tc_ga( 'event', 'mobile_tab', { eventCategory: 'w3tc_pagespeed', eventLabel: $('#w3tcps_control_mobile').text() } ); } $('#w3tcps_control_desktop').removeClass('nav-tab-active'); $('#w3tcps_desktop').hide(); $('#w3tcps_control_mobile').addClass('nav-tab-active'); $('#w3tcps_mobile').show(); } /** * View desktop tab. * * @since 2.3.0 * * @return void */ function w3tcps_desktop_toggle() { if (window.w3tc_ga) { w3tc_ga( 'event', 'desktop_tab', { eventCategory: 'w3tc_pagespeed', eventLabel: $('#w3tcps_control_desktop').text() } ); } $('#w3tcps_control_mobile').removeClass('nav-tab-active'); $('#w3tcps_mobile').hide(); $('#w3tcps_control_desktop').addClass('nav-tab-active'); $('#w3tcps_desktop').show(); } /** * View breakdown auidt type tab. * * @since 2.3.0 * * @return void */ function w3tcps_audit_filter(event) { event.preventDefault(); if (window.w3tc_ga) { w3tc_ga( 'event', 'filter_tab', { eventCategory: 'w3tc_pagespeed', eventLabel: $(this).text() } ); } if ('ALL' === $(this).text()) { $('.w3tcps_breakdown .audits').show(); } else if ($(this).text().trim) { $('.w3tcps_breakdown .audits').hide(); $('.w3tcps_breakdown .' + $(this).text()).delay(200).show(); } else { $('.w3tcps_breakdown .audits').show(); alert(w3tcData.lang.pagespeed_filter_error); } } /** * Copy full URL value. * * @since 2.3.0 * * @return void */ function w3tcps_copyurl() { var copyurl = $(this).attr('copyurl'); const message = document.createElement("span"); message.id = 'copyurl_result'; message.style.cssText = 'position:absolute;background:#ffffff;padding:0 5px;'; if (window.isSecureContext && navigator.clipboard) { navigator.clipboard.writeText(copyurl).then( function () { message.style.cssText += 'border:2px solid #72aee6;'; message.textContent = "Coppied to clipboard"; }, function () { message.style.cssText += 'border:2px solid #00a32a;'; message.textContent = 'Unable to copy to clipboard'; } ); } else { const textArea = document.createElement("textarea"); textArea.id = 'copyurl_fallback'; textArea.style.cssText = 'position:absolute;left:-10000px;'; textArea.value = copyurl; $(this).append(textArea); textArea.focus(); textArea.select(); try { document.execCommand('copy'); message.style.cssText += 'border:2px solid #72aee6;'; message.textContent = "Coppied to clipboard"; } catch (err) { console.error('Unable to copy to clipboard', err); message.style.cssText += 'border:2px solid #00a32a;'; message.textContent = 'Unable to copy to clipboard'; } $('#copyurl_fallback').remove(); } $(this).parent().prepend(message); setTimeout( function () { $('#copyurl_result').remove(); }, 2000 ); } function showSnackBar() { var sb = document.getElementById("snackbar"); //this is where the class name will be added & removed to activate the css sb.className = "show"; setTimeout(() => { sb.className = sb.className.replace("show", ""); }, 3000); } $(document).on('click', '.w3tcps_breakdown_items_toggle', w3tcps_breakdown_items_toggle); $(document).on('click', '#w3tcps_control_mobile', w3tcps_mobile_toggle); $(document).on('click', '#w3tcps_control_desktop', w3tcps_desktop_toggle); $(document).on('click', '.w3tcps_audit_filter', w3tcps_audit_filter); $(document).on('click', '.copyurl', w3tcps_copyurl); $('.w3tcps_content').on('click', '.w3tcps_analyze', function () { if (window.w3tc_ga) { w3tc_ga( 'event', 're_analyze', { eventCategory: 'w3tc_pagespeed', eventLabel: $(this).closest('.page_post').find('.w3tcps_buttons').attr('page_post_url') } ); } w3tcps_analyze($(this).closest('.page_post'), true); }); w3tcps_analyze($('#w3tcps_home .page_post'), false); });
Save File
Cancel