a:after,.main-navigation ul li.current-menu-ancestor a,.main-navigation ul li.current-menu-item a,.main-navigation ul li.current-menu-item a:after,.main-navigation ul li.current_page_ancestor a,.main-navigation ul li.current_page_item a,.main-navigation ul li:hover>a{color:#fff}.main-navigation li li.menu-item-has-children>a:after,.main-navigation li li.page_item_has_children>a:after,.main-navigation li.menu-item-has-children>a:after,.main-navigation li.page_item_has_children>a:after{font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;color:#fff;font-size:14px;padding-left:6px}.main-navigation li.menu-item-has-children>a:after,.main-navigation li.page_item_has_children>a:after{content:"\f107";color:#fff}.main-navigation li li.menu-item-has-children>a:after,.main-navigation li li.page_item_has_children>a:after{content:"\f105";position:absolute;right:8px}.menu-toggle,.top-menu-toggle{display:none;cursor:pointer}.site-header .menu-toggle{color:#fff;margin:0;text-align:center;font-family:'Open Sans',serif;padding-bottom:0}.site-header .menu-toggle:before{content:"\f0c9";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;font-size:23px;color:#fff;padding:8px 12px;display:block}#secondary .widget-title span,.sd-content ol li,.sd-content ul li{display:inline-block}#primary,.lnkbed{float:left}.main-small-navigation .menu-primary-container,.main-small-navigation .nav-menu{padding-top:43px}.main-small-navigation .current-menu-item>a,.main-small-navigation .current_page_item>a,.main-small-navigation li a:hover{color:#fff}.main-small-navigation .random-post a{padding:7px 12px;border-bottom:0}.page-header .page-title{border-bottom:1px solid #f8f8f8}#main{padding-top:10px;padding-bottom:10px}.sd-content ul{padding:0!important;margin:0 0 .7em!important;list-style:none!important}body.custom-background{background-color:#46a28d}.ios7.web-app-mode.has-fixed header{background-color:rgba(3,122,221,.88)}.fa.search-top:hover,.home-icon.front_page_on,.main-navigation a:hover,.main-navigation ul li ul li a:hover,.main-navigation ul li ul li:hover>a,.main-navigation ul li.current-menu-ancestor>a,.main-navigation ul li.current-menu-item ul li a:hover,.main-navigation ul li.current-menu-item>a,.main-navigation ul li.current_page_ancestor>a,.main-navigation ul li.current_page_item>a,.main-navigation ul li:hover>a,.main-small-navigation li a:hover,.site-header .menu-toggle:hover,.widget_featured_posts .widget-title span{background-color:#006b6b}#site-title a,.next a:hover,.previous a:hover,.social-links i.fa:hover,a{color:#006b6b}.main-small-navigation .current-menu-item>a,.main-small-navigation .current_page_item>a{background:#006b6b}.widget_featured_posts .widget-title{border-bottom:2px solid #006b6b}blockquote{background-color:#46a28d;color:#444}#header-text-nav-container,#langsel{background-color:#006b6b}#header-text-nav-container *,#site-title a{color:#f8f8f8}a,a:active,a:focus,a:hover{text-decoration:none}.widget_featured_posts{margin-bottom:30px}.widget_featured_posts .widget-title span{color:#fff;padding:6px 12px;display:inline-block}.widget select{border:1px solid #ddd;color:#777;padding:2px;width:60%}.widget_featured_posts .widget-title{font-size:18px;margin-bottom:15px;padding-bottom:0}.sd-content ul li,.ul-title,.whatdo_details{font-size:13px}.ul-title{border-bottom:2px solid #006b6b;margin-bottom:5px;padding-bottom:0}.sd-content ul{margin-bottom:0!important}.lnkbed .fa-bed,.lnkbed .fa-plane{color:#fff;font-size:20px}.main-navigation .lnkbed a,.main-navigation .lnkplane a{padding:10px 12px;border-bottom:0}.sd-content ol{padding:0!important;margin:0 0 .7em!important;list-style:none!important}#primary{width:70.17543859%}#secondary,.left-sidebar #primary{float:right}#secondary{width:27.19298245%}#secondary .widget-title{font-size:18px;margin-bottom:15px;padding-bottom:0;border-bottom:2px solid #006b6b}#secondary .widget-title span{color:#fff;padding:6px 12px;background-color:#006b6b}#secondary .widget,.error-404 .widget{margin-bottom:35px;font-size:14px;background-color:#fff}@media screen and (max-width:768px){#header-text-nav-wrap{padding:10px 0}#header-left-section{float:none;margin-bottom:10px}#header-logo-image,#header-text{float:left;text-align:left;padding-right:0;padding-left:10px}#header-right-section{float:none}#header-right-section .widget{text-align:center}.menu-toggle{display:block;float:left}#primary,#secondary,.widget_beside_slider,.widget_slider_area{float:none;width:100%}.main-navigation .home-icon a{padding:7px 10px}.widget_slider_area{padding-bottom:10px}.sub-toggle{position:absolute;right:20px;cursor:pointer;display:block;top:6px;color:#fff;padding:0 7px;background-color:#1b7aa0}#custom_html-4,#header-text-nav-wrap,#polylang-6,#site-description,.front-page-top-section,.entry-date-published,.above-entry-meta,.menu-item-name{display:none}#main{padding-top:0}#header-text{vertical-align:center}#site-title a{font-size:24px;padding-left:10px}}.logo-small{margin-bottom:0}@font-face{font-family:FontAwesome;font-display:block;src:url(..//css/fontawesome/fontawesome-webfont.eot?v=4.7.0);src:url(..//css/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(..//css/fontawesome/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(..//css/fontawesome/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(..//css/fontawesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(..//css/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-home:before{content:"\f015"}.fa-plane:before{content:"\f072"}.fa-random:before{content:"\f074"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-calendar:before{content:"\f073"}.fa-user:before{content:"\f007"}.fa-tags:before{content:"\f02c"}.inner-wrap h4{font-size:5px}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-skyatlas:before{content:"\f216"}.fa-shopping-basket:before{content:"\f291"}.fa-newspaper-o:before{content:"\f1ea"}.fa-envelope:before{content:"\f0e0"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-language:before{content:"\f1ab"}.fa-wrench:before{content:"\f0ad"}.fa-external-link:before{content:"\f08e"}.fa-list:before{content:"\f03a"}.fa-puzzle-piece:before{content:"\f12e"}.fa-amazon:before{content:"\f270"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-map:before{content:"\f279"}.fa-globe:before{content:"\f0ac"}.fa-question-circle:before{content:"\f059"}.fa-phone:before{content:"\f095"}.fa-user-secret:before{content:"\f21b"}.fa-firefox:before{content:"\f269"}.fa-hand-o-right:before{content:"\f0a4"}.fa-paperclip:before{content:"\f0c6"}.fa-group:before{content:"\f0c0"}.fa-cloud:before{content:"\f0c2"}.fa-photo:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.clear_both{clear:both} var ezouid = "233707899";


Correggi Google PageSpeed ​​Elimina JavaScript e CSS che bloccano il rendering nei contenuti above the fold

Correggi Google PageSpeed ​​Elimina JavaScript e CSS che bloccano il rendering nei contenuti above the fold

Il test di Google PageSpeed ​​[1] "Elimina JavaScript e CSS che bloccano il rendering nei contenuti above-the-fold" ti propone di distribuire i file JS e CSS del tuo sito dopo che l'HTML è stato caricato completamente e, pertanto, non sospendere il caricamento HTML per scaricarli.

Per rinviare il caricamento dei file JS [2], è possibile aggiungere l'istruzione asincrona o posticipazione ai collegamenti degli script. Async non garantisce che vengano caricati nella stessa sequenza, quindi, se si dispone di più script che devono essere eseguiti uno dopo l'altro, è preferibile posticipare per garantire la sequenza:

<script defer type="text/javascript" src="./js/mootools-more-1.4.0.1.js"></script>

Affinché il CSS venga caricato dopo la trasmissione dell'intero codice HTML, Google propone [3] questa parte di codice da aggiungere alla fine del codice HTML, ad esempio dopo il tag di chiusura del piè di pagina e prima del tag di chiusura del corpo:

</footer>
    <script>
      var cb = function() {
        var l = document.createElement('link'); l.rel = 'stylesheet';
        l.href = './style.css';
        var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
      };
      var raf = requestAnimationFrame || mozRequestAnimationFrame ||
          webkitRequestAnimationFrame || msRequestAnimationFrame;
      if (raf) raf(cb);
      else window.addEventListener('load', cb);
    </script>
</body>

Questo mi ha permesso di superare il test di Google PageSpeed ​​[1] Elimina JavaScript e CSS che bloccano il rendering nei contenuti above-the-fold (insieme a Leverage caching del browser [4]) su un sito web, salendo da un punteggio di 51 su dispositivi mobili ( Fig. 1) a 72 (Fig. 2), e su da 59 (Fig. 3) a 79 sul desktop (Fig. 4).

Come eliminare le risorse di blocco del rendering in WordPress

Per eliminare le risorse di blocco del rendering in WordPress, è necessario installare un plugin come JetPack.

Quindi, vai alle opzioni, per le quali devi essere un amministratore, e vai su Opzioni JetPack> Scrittura> Prestazioni e velocità> seleziona Abilita acceleratore sito, velocizza i tempi di caricamento delle immagini, velocizza i tempi di caricamento dei file statici e abilita il caricamento lento per immagini.

Ciò eliminerà le risorse di blocco del rendering in WordPress e caricherà più velocemente le pagine consentendo a JetPack di ottimizzare le immagini e servire le immagini e i file statici (come CSS e JavaScript) dalla loro rete globale di server.

Come eliminare JavaScript e CSS che bloccano la visualizzazione su WordPress

Galleria fotografica

Articoli simili

Commentoi (11)

Louise Cooper, 2018-08-19
Любовь, читающая ваш контент, продолжайте публиковать
Monica Lindsey, 2018-08-19
Así que así es como lo hacemos, es genial saber
Van Santiago, 2018-08-19
Ótimo, é exatamente isso que eu estava procurando, agora estou pronto
Dwayne Peters, 2018-08-19
당신의 내용을 읽는 것을 좋아하고, 계속 게시하십시오.
Leo Cannon, 2018-08-19
น่าอัศจรรย์ตอนนี้ก็ถึงเวลาที่ฉันจะลอง!
Lawrence Rogers, 2018-08-19
Don’t know how to thank you, but that is pure genius, thanks
Ludanulema, 2018-08-19
Բարեւ, ես տեսա ձեր հոդվածը, եւ դա օգնեց ինձ լուծել խնդիրը, շնորհակալություն
animeg2Q, 2018-08-19
سأحاول ذلك الآن ، شكرًا على المشاركة
Gasfackele, 2018-08-19
To pro mě dobře fungovalo, není třeba se dívat dál
utumikaji0, 2018-08-19
Hej, jag såg din artikel och det hjälpte mig att lösa mitt problem, tack så mycket
quranapk, 2018-12-31
Любовь, читающая ваш контент, продолжайте публиковать

lascia un commento