• Miglior Risposta

    Ciao @umberto-croft guardando al volo la tua pagina vedo che hai ancora diverse cose da fare... di certo il "codice" è la cosa che influisce meno sul caricamento (nel senso che siamo nell'ordine di Kb).

    Per esempio, l'immagine che utilizzi in alto (ma anche le altre immagini) è in PNG e visto che non ha trasparenze conviene esportarlo in JPG o altri formati nuovi come il menzionato WebP (che però non è cross-browser). Prova con Jpeg2000 o altri livelli di compressione.

    Oltre a questo l'immagine è di dimensioni 2000x2000 e viene ridimensionata.. forniscigli la dimensione esatta (580x580). Già con questo passaggio noterai come l'immagine perderà il suo peso anche oltre il 50%. Fossi in te la comprimerei prima di caricarla con un risorsa tipo squoosh.app

    Ciò che ho detto deve essere un Must per i lavori sulle immagini del tuo sito...

    Inoltre potresti spostare i CSS nella parte bassa del sito... minificare il codice html, evitare di chiamare tutti i Css e Js che non servono all'esecuzione della pagina ecc..ecc.. troverai tanti contenuti nella community dove si parla di performance.. spero di averti dato una mano 😉


  • User Attivo

    Ciao @SeoWebCoach , sei stato gentilissimo, ti ringrazio!


  • User Attivo

    Ho trovato la risposta alla mia domanda.


  • User Attivo

    Sicuramente migliorato...
    Però potresti fare di più. Minimizza il codice HTML....
    Togli gli script che non servono a nulla.. e quello che puoi caricalo in maniera asincrona.

    Per esempio a cosa ti serve questo?
    https://www.animemangaitaly.com/wp-includes/js/wp-emoji-release.min.js?ver=5.6

    Sappi che ci mette 392ms ... calcolando che la pagina si carica in 7.54 ... potrebbe portarti un bel vantaggio eliminarlo.

    Le PNG che stai usando... non potrebbero essere sostituite da codice?
    Mi spiego.. un bel background.. ed il resto HTML puro...


  • User Attivo

    Ciao, riguardo agli script potrei affidarmi ai plugin di cache, risparmierei un sacco di tempo.

    Quindi mi stai dicendo di riscrivere la pagina in HTML?


    ? 1 Risposta
  • @umberto-croft No, @mirkomassarutto intendeva minificare l'html cioè mettere su una sola riga tutto il codice... è una funzione che quasi certamente è inclusa nel plugin di ottimizzazione della cache... se non è inclusa si può, con qualche riga di codice, inserirla nell functions.php per attivarla.

    Per quanto riguarda invece lo script wp-emoji dovresti rimuoverlo... di solito è una funzione inclusa in Yoast SEO (plugin per la SEO) ma se non lo stai usando, anche quì, con qualche riga di codice nel functions.php risolvi.

    La regola è sempre la stessa... escludere script e css inutili che inficiano sulle performance specialmente script di terze parti come analytics (di cui non puoi fare a meno)

    Ad Maiora!


  • User Attivo

    Ho capito, grazie a entrambi!


  • Bannato Super User

    @umberto-croft

    Ho trovato grandissimi benefici cambiando il tema, sembrava una cosa da poco invece mi ha raddoppiato la velocità del sito, incredibile ma vero.

    Sono arrivato fino a 95 di velocita, col vecchio tema a malappena arrivavo a 40.

    Cambia tema e otterrai piu benefici di anni di studio e consulenze varie.

    Saluti


    U mirkomassarutto 2 Risposte
  • User Attivo

    Ciao @guadagnaeuro, ci avevo già pensato visto che quello che uso (Hello Elementor) è vecchiotto.

    Ho solo il problema di dover risistemare tutta la struttura degli articoli/pagine.

    Ti ringrazio per la risposta.


    G 1 Risposta
  • Bannato Super User

    Ciao @umberto-croft

    Per mesi non volevo cambiare tema perche mi piaceva che aveva della aree gia preconfigurate per faq, caratteristiche, sliders, modulo contatti, aveva tutto già pronto, configuravo e il sito era pronto ma avevo velocita del sito 40.

    Il tema non era piu aggiornato da 2 anni cosi ho deciso di cambiarlo, anche se avevo mille paure per la mancanza della vecchie funzioni, pero devo riconoscere che i temi nuovi moderni sono piu veloci perchè compatibili col php 7.3 e 7.4 e leggo che è molto piu veloce delle vecchie versioni di php, non immagino il php 8 quanto sarà veloce dunque mi sono preco di coraggio ed ho cambiato il tema e il risultato è stato il raddoppio della velocita che non è poco.

    Non so se lo stesso vale anche per il tuo caso, vanno provate queste cose si sa.

    Un Saluto


  • User Attivo

    @guadagnaeuro beh script e porcate varie le porta il tema.. non WP... il problema normalmente di lentezza è dato dal codice front-end... poi per carità anche il CMS può essere ottimizzato ma se il front carica centomila script inutili.. finisce la storia:
    Ricordate sempre che il vostro sito è:

    1. Codice Front-End (HTML, JS, CSS e Immagini)
    2. Codice CMS (in questo caso WP su base PHP)
    3. Database (MySql in questo Caso)
    4. Tipologia di Server
    5. Hardware
    6. Connettività

    Certo hardware e connettività contano.. ma se il front end è scritto da schifo.. il codice del CMS non è ben ottimizzato (ma in questo caso parliamo di WP.. non lo fate voi) ed il database non è ben ottimizzato.. non fate nulla..


    G 1 Risposta
  • Bannato Super User

    @mirkomassarutto

    Grazie della risposta, il mio test è effettuato nello stesso identico hosting, addirittura gratuito e proprio qui ho notato cambiando tema il raddoppio della velocità.

    Saluti


    U 1 Risposta
  • User Attivo

    @guadagnaeuro grazie, posso chiederti che tipo di tema stai usando?


    G 1 Risposta
  • Bannato Super User

    @umberto-croft

    Certamente non è un segreto il tema wordpress usato, basta guardare html della pagina e viene persino riportato nel codice della pagina.

    In passato usavo BusinessX e mi piaceva molto come estetica e funzioni già preconfigurate ma non viene piu aggiornato da tempo.

    Adesso sto usando Orchid Store aggiornato di recente.

    Li trovi su wordpress ovviamente.

    Saluti


    U 1 Risposta
  • User Attivo

    @guadagnaeuro ti ringrazio.


  • User Attivo

    Ciao, potete fornirmi ulteriori consigli in base all'immagine allegata (versione mobile)?

    Immagine 2020-12-22 114821.png


    mirkomassarutto 1 Risposta
  • User Attivo

    U 1 Risposta
  • User Attivo

    Ciao @mirkomassarutto, ti faccio vedere questo: https://www.animemangaitaly.com/jujutsu-kaisen-informazioni-sul-manga/

    Volevo sostituire le l'effetto gocce (credo che sia poco professionale) con una diagonale.


    mirkomassarutto 1 Risposta
  • User Attivo

    @umberto-croft ha detto in Ottimizzare velocità sito web:

    l'effetto

    Non so cosa tu intenda per "effetto gocce"..

    In generale stai caricando una valanga di CSS e JS... che probabilmente non utilizzi nemmeno..
    Altra cosa.. per ogni "section" hai una valanga di div annidiati... un sacco ma veramente un sacco di codice messo li a fare il nulla

    Tanto per capirci

    <section class="elementor-section elementor-top-section elementor-element elementor-element-74423e2c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="74423e2c" data-element_type="section">
        <div class="elementor-container elementor-column-gap-default">
            <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a4555d1" data-id="5a4555d1" data-element_type="column">
                <div class="elementor-widget-wrap elementor-element-populated">
                    <div class="elementor-element elementor-element-679f49d8 elementor-widget elementor-widget-menu-anchor" data-id="679f49d8" data-element_type="widget" data-widget_type="menu-anchor.default">
                        <div class="elementor-widget-container">
                            <div id="01" class="elementor-menu-anchor">
                            </div>
                        </div>
                    </div>
                    <div class="elementor-element elementor-element-352bf5c9 elementor-widget elementor-widget-heading" data-id="352bf5c9" data-element_type="widget" data-widget_type="heading.default">
                        <div class="elementor-widget-container">
                            <h2 class="elementor-heading-title elementor-size-default">Manga</h2>
                        </div>
                    </div>
                    <div class="elementor-element elementor-element-36394280 elementor-widget elementor-widget-text-editor" data-id="36394280" data-element_type="widget" data-widget_type="text-editor.default">
                        <div class="elementor-widget-container">
                            <div class="elementor-text-editor elementor-clearfix">
                                <p>
                                    Il manga <strong>Jujutsu Kaisen</strong> è stato scritto e disegnato dall&#8217;autore <strong>Gege Akutami</strong>.</p><p>Il 4 dicembre 2018 viene pubblicato un volume prequel chiamato &#8220;<strong>Jujutsu Kaisen &#8211; Sorcery Fight 0: L&#8217;Istituto di Arti Occulte</strong>&#8220;.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    

    Potrebbe diventare tranquillamente

    <section class="row">
        <h2>Manga</h2>
        <p>
            Il manga <strong>Jujutsu Kaisen</strong> è stato scritto e disegnato dall&#8217;autore <strong>Gege Akutami</strong>.</p><p>Il 4 dicembre 2018 viene pubblicato un volume prequel chiamato &#8220;<strong>Jujutsu Kaisen &#8211; Sorcery Fight 0: L&#8217;Istituto di Arti Occulte</strong>&#8220;.
        </p>
    </section>
    

    Ed il CSS lavorerebbe semplicemente sulla "section" in cui ti ho dato una class "row" che sarebbe eventualmente la tua riga al 100% ed eventualmente sull'h2 con .row h2

    Calcolando la valanga di "section" che hai dentro risparmieresti un mucchio di codice riducendo le dimensioni del DOM ed il relativo tempo di download


  • User Attivo

    Il codice della pagina che mi hai girato (escludendo i file esterni ovviamente) pesa da solo MEZZO MEGA!
    La scansione di pagine così pesanti è un delirio per BigG

    Carichi poi ben 12 javascript per un peso totale di 70,88 Kb!

    Altra cosa.. ok il LazyLoad.. ed il formato WebP (attenzione che Safari non lo vede), ma perché caricare immagini 2000x2000 quando al massimo le mostri a 380x380 ?


    U MaxxG 2 Risposte