Innehållsförteckning
Genereringen av en webbapplikation har flera milstolpar, bland vilka vi har två viktiga, den första är att den överensstämmer med användarens behov och är lätt att använda, det andra är att det är det snabbast möjligt, så att vi inte behöver vänta mer än en sekund för att ladda var och en av dess sektioner.För att klara denna andra milstolpe måste vi optimera vår applikation när den första är uppfylld, det vill säga när vår applikation utför sina funktioner på rätt sätt måste vi extrahera maximal prestanda för att förstärka användarupplevelsen.
Genom att veta sammansättningen av en webbsida kan vi förstå hur den når webbläsaren och därmed kunna hitta de punkter där vi kan göra några förbättringar, varje liten del som vi kan optimera kommer att lägga till i slutändan för en berikad användarupplevelse.
De grundläggande elementen på en sida är:
HTMLDetta är koden eller texten i filen, ju större kodmängd desto tyngre är filen, men i ren text är det osannolikt att vi kommer att ta mycket plats.
Js -filerDet är det kompletterande språket par excellence, som HTML det är ren text, men det är osannolikt att vi kommer att använda den i ren form, så vi kommer nästan alltid att behöva lägga till .js -filer vår HTML som innehåller bibliotek och funktioner, detta om det är möjligt att vi tar mycket plats eftersom biblioteken i allmänhet är omfattande.
CSS -stilarkDe är filer eller kod som vi sätter in i vår HTML som gör att vi kan modellera hur webbläsaren visar webben för användaren, liksom Javascript vi kan använda bibliotek som tar plats.
MultimediaDetta är det tyngsta avsnittet, i multimedia kommer vi att ha allt som rör bilder, videor och ljud som vi kan införliva på vår sida.
Låt oss se i följande diagram hur det ser ut förklarat:
Vi talar om att allt innehåll på sidan som beskrivs ovan har en vikt, det är det som gör att när vi gör en begäran från vår webbläsare måste den vänta några ögonblick för att visa oss resultatet, den här gången vi väntar är nedladdningen av innehåll.
Därför, om vi vill ha en snabbare sida, måste vi vara mer effektiva när vi organiserar innehållet, till exempel med bilder som är optimerade för webben, gör minst möjlig kod genom att använda bästa praxis, använda förminskade filer, använda komprimerat innehåll, etc. .
Med detta avslutar vi denna handledning, förstår denna sidans anatomi, vi kan få grundläggande information vi behöver för att börja optimera, eftersom om vi använder lite logik och minskar en 30% eller 40% Från vikten av sidan kommer vi att öka dess nedladdning och därmed dess hastighet.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng