Suggerimento rapido attenzione quando si utilizza la versione sottile di jQuery

In questo rapido suggerimento ti spiegherò quando dovresti e non dovresti usare la "versione slim" di jQuery. Per questo suggerimento, presumo che tu abbia familiarità con jQuery, o ne hai sentito parlare per lo meno.

Guarda Screencast

 

jQuery vs jQuery Slim

Per usare jQuery, normalmente vai su https://jquery.com/download/ e prendi uno dei pacchetti in offerta. Attualmente la versione di produzione compressa di jQuery pesa a 87Kb. Questa non è una grande quantità, ma puoi fare un ulteriore risparmio di 17Kb optando per la produzione compressa sottile versione invece.

Quando cerchi di ottimizzare le prestazioni prendi giustamente tutti i risparmi possibili, ma ecco il trucco: la versione slim fa risparmiare, escludendo i moduli ajax ed effetti.

Il modulo ajax è probabilmente il meno usato dei due. Contiene funzioni e metodi che ci permettono di caricare i dati senza dover aggiornare la pagina. Il modulo degli effetti, tuttavia, è più probabile che sia presente nei tuoi siti web; contiene funzioni e metodi per animazioni di uso comune. animare() per esempio, fadein () e dissolvenza(), nascondere(), mostrare() e così via. Se hai mai usato jQuery, è probabile che tu abbia usato uno di questi metodi.

Quindi questo copre il messaggio essenziale qui: se hai bisogno di uno qualsiasi dei metodi o delle funzioni presenti nei moduli ajax o effetti di jQuery, usa la versione completa. In caso contrario, effettuerai un piccolo risparmio utilizzando invece la versione slim.

Bootstrappers Attenzione!

Ora, finalmente, il motivo principale dietro questo suggerimento rapido! Vale la pena notare che Bootstrap 4 (l'ultima versione del framework) utilizza la versione snella di jQuery. Pertanto, se stai costruendo con Bootstrap e prevedi di aggiungere interattività aggiuntiva che si basa su ajax o effetti, dovrai caricare la libreria jQuery completa.

Spero che ti risparmi un po 'di mal di testa!