Snabbtips Akta dig när du använder den smarta versionen av jQuery

I det här snabba tipset ska jag förklara för dig när du borde och borde inte använda den "slanka versionen" av jQuery. För detta tips antar jag att du är bekant med jQuery, eller har hört talas om det åtminstone.

Titta på Screencast

 

jQuery vs jQuery Slim

För att använda jQuery skulle du vanligtvis gå till https://jquery.com/download/ och ta tag i ett av de paket som erbjuds. För närvarande väger den komprimerade produktionsversionen av jQuery på 87Kb. Det här är inte en stor mängd, men du kan spara ytterligare 17kb genom att välja komprimerad produktion smal version istället.

När du försöker optimera prestanda tar du med rätta varje sparning du kan, men här är fångsten: den smala versionen sparar vikt genom att exkludera ajax- och effektmodulerna.

Ajax-modulen är förmodligen den mindre använda av de två. Den innehåller funktioner och metoder som gör att vi kan ladda data utan att behöva uppdatera sidan. Effektmodulen är dock mer sannolikt att funktionen finns på dina webbplatser. den innehåller funktioner och metoder för allmänt använda animeringar. animera() till exempel, FadeIn () och tona ut(), Dölj(), show() och så vidare. Om du någonsin använt jQuery är chansen att du har använt en av dessa metoder.

Så det täcker det viktiga meddelandet här: Om du behöver någon av metoderna eller funktionerna som finns i ajx eller effekterna av jQuery, använd den fullständiga versionen. Om inte, gör du en liten besparing genom att använda den smala versionen istället.

Bootstrappare Akta dig!

Nu, till slut, till huvudårsaken bakom denna snabba tips! Det är värt att notera att Bootstrap 4 (den senaste versionen av ramen) använder den smala versionen av jQuery. Därför om du bygger med Bootstrap och du planerar att lägga till extra interaktivitet som bygger på ajax eller effekter, måste du ladda hela jQuery-biblioteket istället.

Jag hoppas det sparar dig några huvudvärk!