{"id":228526,"date":"2022-10-05T15:14:00","date_gmt":"2022-10-05T12:14:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228526"},"modified":"2022-11-09T03:16:52","modified_gmt":"2022-11-09T00:16:52","slug":"carico-pigro-di-wordpress-scegliere-il-miglior-plugin-per-il-lavoro","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/carico-pigro-di-wordpress-scegliere-il-miglior-plugin-per-il-lavoro\/","title":{"rendered":"Carico pigro di WordPress: scegliere il miglior plugin per il lavoro"},"content":{"rendered":"\n

Non c’\u00e8 niente di pi\u00f9 frustrante per gli utenti che aspettare il caricamento di un sito web. Sempre pi\u00f9 siti si stanno riempiendo di video e immagini, ogni immagine richiede una nuova richiesta HTTP. Il carico pigro di WordPress \u00e8 la soluzione facile da installare per velocizzare qualsiasi sito Web ricco di immagini<\/a>.<\/p>\n

Durante la progettazione del nostro sito Web wpDataTables<\/a><\/strong>, abbiamo anche considerato la possibilit\u00e0 di questa complicazione, poich\u00e9 utilizziamo molte immagini e video.<\/p>\n

Cos’\u00e8 il carico pigro? Lazyload significa che video, immagini o iframe vengono caricati solo quando entrano nel viewport e le immagini rimanenti verranno caricate mentre gli spettatori scorrono verso il basso la pagina del tuo sito web. Ci\u00f2 migliorer\u00e0 notevolmente i tempi di caricamento del tuo sito e impedir\u00e0 agli utenti di lasciare il tuo sito web.<\/p>\n

Vantaggi del carico pigro<\/strong><\/h3>\n

L’evidente vantaggio di WordPress Lazy Load \u00e8 tempi di caricamento pi\u00f9 rapidi. Poich\u00e9 stai caricando solo una parte della tua pagina, il suo contenuto verr\u00e0 visualizzato pi\u00f9 velocemente nel browser. Successivamente, i visitatori utilizzano meno larghezza di banda, il che \u00e8 un grande vantaggio per chi ha una connessione dati mobile.<\/p>\n

Pertanto, i tuoi visitatori non solo potranno accedere rapidamente al tuo sito web, ma risparmieranno anche sul loro piano dati mobile: perch\u00e9 consumare il loro traffico dati per caricare immagini che non hanno bisogno o che non vogliono vedere? Un plug-in di caricamento lento \u00e8 una tecnica doppiamente vantaggiosa di cui hanno bisogno tutti i siti con molte immagini.<\/p>\n

Svantaggi del carico pigro<\/strong><\/h3>\n

Il lazyloading non \u00e8 sempre una tecnica adatta ai motori di ricerca perch\u00e9 non solo ritarderai il caricamento dei contenuti per i tuoi utenti, ma ritarderai anche il caricamento dei contenuti per i crawler dei motori di ricerca, ovvero i motori di ricerca non indicizzeranno parte o tutto quel contenuto. Non va bene per la SEO!<\/p>\n

Quando il lazy load di WordPress viene utilizzato per ritardare il caricamento dei post, non solo delle immagini, \u00e8 un grosso problema.<\/p>\n

Un altro aspetto negativo delle immagini pigre \u00e8 la riduzione della qualit\u00e0 dell’esperienza degli utenti. Tutti hanno sperimentato l’effetto secondario del carico pigro quando si scorre una pagina molto rapidamente. Nel processo, le immagini effettive sostituiscono le immagini segnaposto e il contenuto della pagina spesso salta.<\/p>\n

Finch\u00e9 utilizzi il caricamento lento di WordPress in modo intelligente e tieni sotto controllo SEO ed esperienza utente, raccoglierai solo i vantaggi del caricamento lento. Leggi di pi\u00f9 su come caricare lazy le immagini, il miglior plug-in di lazy load di WordPress per il tuo sito Web e le immagini di lazy load di WordPress.<\/p>\n

“Sono contrario al caricamento pigro. Per me si traduce in una cattiva UX." afferma Jerry Low di Web Hosting Secrets Revealed<\/a>, "La mia soluzione \u00e8 sempre stata quella di utilizzare un semplice trucco JavaScript per posticipare il caricamento dell’immagine.<\/p>\n

Questo \u00e8 particolarmente importante se hai una pagina ricca di immagini. L’ultima cosa che vuoi \u00e8 che gli utenti che stanno scorrendo rapidamente verso il basso si trovino a fissare uno schermo vuoto".<\/p>\n

Abilitazione di LazyLoad su WordPress<\/strong><\/h3>\n

La tecnica lazyload \u00e8 facile da abilitare su qualsiasi sito Web WordPress utilizzando un plug-in Lazy Load di WordPress. Ci sono molti plugin per WordPress a caricamento lento tra cui puoi scegliere e qui ci sono alcuni dei pi\u00f9 popolari:<\/p>\n

    \n
  1. \n

    Accelera – Carico pigro<\/a><\/h3>\n<\/li>\n<\/ol>\n

    \"Carico<\/a><\/p>\n

    Questo plugin, implementando la tecnica del “Lazy Load", evita il download di immagini e iframe che non vengono visualizzati sullo schermo (ad esempio immagini in fondo alla pagina) fino a quando l’utente non li visualizzer\u00e0. Ci\u00f2 migliora la velocit\u00e0 di caricamento della pagina e consente di risparmiare la larghezza di banda.<\/p>\n

      \n
    1. \n

      BJ carico pigro<\/a><\/h3>\n<\/li>\n<\/ol>\n

      \"Carico<\/a><\/p>\n

      BJLazy Load, o BJLoad, \u00e8 il miglior plug-in Lazy Load se si desidera caricare in modo lento le immagini e sostituirle con segnaposto. Le immagini selezionate possono essere immagini Gravatar, immagini di post, miniature o iFrame. Puoi anche personalizzare alcune impostazioni, inclusa la selezione dei segnaposto.<\/p>\n

      BJLazy \u00e8 un plug-in Lazy Load di WordPress che si rivolge alle immagini ottimizzate per le dimensioni<\/a>, ovvero fornisce automaticamente immagini di dimensioni ridotte nei design reattivi e fornisce immagini hiDPI per il display retina di Apple e altri schermi hiDPI.<\/p>\n

        \n
      1. \n

        Zedna WP Immagine Carico pigro<\/a><\/h3>\n<\/li>\n<\/ol>\n

        \"Carico<\/a><\/p>\n

        Diminuzione del tempo di caricamento della pagina tramite il caricamento progressivo di immagini e altri elementi. Si caricheranno solo quando raggiungeranno la parte visibile dello schermo.<\/p>\n

        Il plug-in influisce su questi elementi:<\/p>\n

          \n
        1. <img><\/code>\u00a0elemento<\/li>\n
        2. propriet\u00e0 CSS\u00a0background-image<\/code><\/li>\n
        3. immagini reattive con srcset<\/code>\u00a0attributo<\/li>\n
        4. <iframe><\/code>\u00a0elemento<\/li>\n
        5. <video><\/code>\u00a0elemento<\/li>\n<\/ol>\n

          Caratteristiche:<\/p>\n