+ Rispondi alla Discussione
Risultati da 1 a 10 di 10

Sito veloce nonostante social plugin e javascript, come fare?

Ultimo Messaggio di Juanin il:
  1. #1
    Moderatore L'avatar di Van Basten
    Data Registrazione
    Aug 2007
    Messaggi
    1,039

    Sito veloce nonostante social plugin e javascript, come fare?

    Salve,
    da tempo cerco di progettare e costruire siti web il più veloci possibili seguendo quasi tutti gli accorgimenti possibili, in alcuni casi sono riuscito ad ottenere ottimi risultati in altri il risultato è stato veramente scarso.

    Tra questi ci sono alcuni portali web che fanno un largo uso di quelli che io definisco script esterni, tanto per citarne qualcuno:


    • Pulsante Mi Piace Facebook
    • Modulo commenti Facebook
    • Pulsante tweet di Twitter
    • Badge Google+
    • Pulsante +1 di Google+
    • Google Analytics
    • Google Adsense
    • Google AdPlanner


    e forse anche qualche altro componente.

    La domanda chiave è, come ridurre l'incidenza di questi script nel caricamento del sito web?
    MODTurismo e Marketing rigondavide.com seo, marketing e montagna

  2. #2
    Moderatore L'avatar di Juanin
    Data Registrazione
    Nov 2006
    Località
    Bologna
    Messaggi
    4,550
    Segui Juanin su Twitter Aggiungi Juanin su Google+ Aggiungi Juanin su Facebook Aggiungi Juanin su Linkedin Visita il canale Youtube di Juanin
    Diciamo che utilizzando gli script asincroni l'impatto è sul tempo complessivo, ma non su quello percepito.
    La soluzione migliore oltre ad usare i codici asincroni è di fare defer degli script.

  3. #3
    Moderatore L'avatar di Van Basten
    Data Registrazione
    Aug 2007
    Messaggi
    1,039
    Grazie, per il defer devo usare la dicitura
    Codice:
    <script defer
    oppure
    Codice:
    <script defer="defer"
    ?
    MODTurismo e Marketing rigondavide.com seo, marketing e montagna

  4. #4
    Moderatore L'avatar di Juanin
    Data Registrazione
    Nov 2006
    Località
    Bologna
    Messaggi
    4,550
    Segui Juanin su Twitter Aggiungi Juanin su Google+ Aggiungi Juanin su Facebook Aggiungi Juanin su Linkedin Visita il canale Youtube di Juanin
    Usare lo script defer funziona solamente per gli script non inline.

    Quello che puoi fare è far caricare gli script dopo il caricamento completo della pagina oppure all'on scroll.

    Le soluzioni sono molte e comunque in linea di principio utilizzando gli script asincroni dei vari social non dovresti avere impatto sul tempo di inizio rendering.

    Ad esempio qui sul forum i bottoni social vengono caricati solamente dopo lo scroll in basso a destra.

  5. #5
    Moderatore L'avatar di Juanin
    Data Registrazione
    Nov 2006
    Località
    Bologna
    Messaggi
    4,550
    Segui Juanin su Twitter Aggiungi Juanin su Google+ Aggiungi Juanin su Facebook Aggiungi Juanin su Linkedin Visita il canale Youtube di Juanin
    È appena uscito un articolo dedicato a questa discussione

    http://seoblog.giorgiotave.it/ottimizzare-velocita-caricamento-social-widgets/3661


    A cura di Ayrton2001

  6. #6
    Utente Premium
    Data Registrazione
    Aug 2012
    Località
    Milano
    Messaggi
    125
    ottimo articolo

    a mio parere la soluzione + semplice su siti wordpress è utilizzando il plugin lazy load

    ignoro invece perchè non esistano plugin validi per utilizzare la versione asincrona degli script dei social

  7. #7
    Moderatore L'avatar di lazzo85
    Data Registrazione
    Nov 2005
    Località
    Sarzana (SP) / Fosdinovo (MS)
    Messaggi
    1,266
    Segui lazzo85 su Twitter Aggiungi lazzo85 su Google+ Aggiungi lazzo85 su Facebook Aggiungi lazzo85 su Linkedin
    Ciao.
    Sto facendo un restyling di un sito fatto in HTML4, che voglio trasformare tutto in HTML5.
    Ho letto quindi con molto interesse questa discussione e applicando anche alcune tecniche descritte nel relativo articolo sul seoblog.

    Durante le mie "ricerche" per migliorare e approfondire la questione della velocità di caricamento delle pagine, mi sono imbattuto negli attributi ASYNC e DEFER per l'HTML5.
    In particolare in questa pagina:
    http://msdn.microsoft.com/it-it/libr...=vs.85%29.aspx

    Ciò che non capisco è se quegli attributi svolgono sostanzialmente la stessa cosa dei metodo descritti nell'articolo;
    se si, cosa mi conviene usare?
    Inoltre non mi è nemmeno ben chiaro se sono supportati da tutti i browser.

  8. #8
    Moderatore L'avatar di Juanin
    Data Registrazione
    Nov 2006
    Località
    Bologna
    Messaggi
    4,550
    Segui Juanin su Twitter Aggiungi Juanin su Google+ Aggiungi Juanin su Facebook Aggiungi Juanin su Linkedin Visita il canale Youtube di Juanin
    Sì quelli in teoria dovrebbero fare alcune delle cose descritte dall'articolo...solo che attualmente non sono supportati da tutti i browser purtroppo.

  9. #9
    Moderatore L'avatar di lazzo85
    Data Registrazione
    Nov 2005
    Località
    Sarzana (SP) / Fosdinovo (MS)
    Messaggi
    1,266
    Segui lazzo85 su Twitter Aggiungi lazzo85 su Google+ Aggiungi lazzo85 su Facebook Aggiungi lazzo85 su Linkedin
    Usando ASYNC e DEFER ci sono "controindicazioni"?
    Come si comportano i browser che non li supportano? Li ignorano?

  10. #10
    Moderatore L'avatar di Juanin
    Data Registrazione
    Nov 2006
    Località
    Bologna
    Messaggi
    4,550
    Segui Juanin su Twitter Aggiungi Juanin su Google+ Aggiungi Juanin su Facebook Aggiungi Juanin su Linkedin Visita il canale Youtube di Juanin
    I browser che non li supportano li ignorano sì.

+ Rispondi alla Discussione

Tag per Questa Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.