Indholdsfortegnelse
Et af de problemer, som mange applikationer har, er, at selvom de indlæser indholdet hurtigt, ses de ikke hurtigt i brugerens browser, det vil sige, at browseren er færdig med at indlæse alt indhold, alle billederne og alle de CSS Y JS, men der er en lille forsinkelse mellem det, vi indlæser, og det, vi ser.Dette skyldes i høj grad placeringen af filuploads i HTML, det vil sige, at vi sandsynligvis har CSS og JS blandet, og det gør det vanskeligt for browseren at vise alt som ved indlæsning af en fil JS du skal behandle den, før du fortsætter til den næste fil.
Den første anbefaling er altid at placere stilfilerne som CSS øverst i vores HTML giver det os mulighed for gradvist at få browseren til at vise applikationssiden hurtigst muligt.
På denne måde undgår vi at se en tom side i mange sekunder, før vi ser alt indlæst, hvis ikke vi kan se, hvordan siden gradvist bliver bygget, tjener dette som en lettelse for brugere, især dem, der har en langsommere forbindelse til netværket eller internettet .
Hvis typografiarkene eller CSS er i bunden, vil browsere normalt ikke indlæse oplysningerne for at undgå at skulle ændre stilen, når de når dette punkt, hvilket får brugeren til ikke at se noget.
Formålet med dette er, at browseren kan fortsætte med at indlæse ressourcerne på siden, da hvis den finder en JS -fil, indtil den indlæser den uden fejl, vil den ikke fortsætte med at downloade andre ressourcer, selvom de er i en CDN.
Hvor placeres JS -filerne?Til dette placerer vi filerne JS så langt tilbage som vi kan i vores HTML, selvom der er tilfælde, hvor det ikke er muligt på grund af applikationens struktur, så kan vi placere attributten udsætte hvormed vi fortæller browseren, at den kan indlæse den i slutningen af alt.
Problemet med attributten udsætte er, at ikke alle browsere fortolker det på samme måde, så nogle gange kan det ikke gøre, hvad vi synes, men hvis vi kan placere en fil, betyder denne attribut, at den kan flyttes til slutningen.
Lad os se i det følgende billede, hvordan processen med at indlæse en side er, i den første del er filerne alle på toppen og i ingen særlig rækkefølge, i den anden del er CSS op og JS ned:
Med dette afslutter vi denne vejledning, vi kan nu tilføje et nyt element for at forbedre vores applikations hastighed og ydeevne ud over at reducere brugerens ventetid på at se, hvad deres browser indlæser.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt
