Skip to main content

Enkla justeringar som hjälper dig att förbättra långsamma laddningstider

Blogginlägg   •   Nov 23, 2016 14:02 CET

Skala ned för stora bilder

Webben är ett visuellt medium; både applikationer och webbsidor förlitar sig till mångt och mycket på bilder för att kunna engagera användare. Men, formateringsmisstag kan göra att bildfilerna växer till 10 gånger den faktiska filstorleken vilket ger stor effekt på laddningstiderna. Genom att formatera bilderna på rätt sätt så kan prestandan förbättras avsevärt.

Leta igenom ditt innehåll efter PNG, GIF och BMP-bilder och byt till JPEG-bilder om möjligt. PNG-bilder är fortfarande användbara när den där extra bildkvaliteten är absolut nödvändig, men tänk på att PNG-filer kan vara upp till 10 gånger större än JPEG-bilder av samma kvalitet. BMP och TIFF-filer ska aldrig användas online.

Slutligen så ska bilder formateras så att de passar inom ramarna av den maximala storleken de kan ha på sajten. Det kan vara klurigt eftersom applikationer och webbsidor som använder responsiv design kan visa bilder i flera olika storlekar. Här är en enkel guide: Om en bild visas i en kolumn som har en maxbredd på 720 pixlar så är det den storleken som bilden ska beskäras till att passa.

Kombinera, komprimera och hantera script och format

Ett snabbt och enkelt sätt att få ned laddningstider är att kombinera JS och CSS-filerna, som varje sida på din sajt laddar, till en fil av varje typ. Dessa filer ska sedan komprimeras genom minification för att reducera storleken på filerna och minimera mängden data som måste laddas. Den här tekniken förbättrar också laddningstiderna genom att den reducerar antalet HTTP-requests som behövs för att generera en sida , och utnyttjar cachingen som sänker alla laddningstider efter att den första sidan laddats. Att lägga CSS i toppen av sidan och JS i botten förbättrar också laddningstiderna genom att samarbeta med hur webbläsaren laddar innehåll.

Håll koll på cachingen

En effektiv caching-konfiguration reducerar frekvensen servern behöver för att återbygga sidor, och i samma veva, frekvensen som besökare behöver ladda om innehåll. Att öka caching-tiden via “expires headers” gör attslutanvändarenheterna kan spara en redan laddad webbsida under en längre period, vilket snabbar upp efterföljande besök. Detta fungerar väldigt bra för hub-sidor som användare går till för att hitta innehåll. Men, om man förlänger utgångstiden för mycket så kan det förhindra besökare från att se det senast uppdaterade innehållet.

load-testingDu kan också förbättra ditt företags laddningstider genom att öka varaktigheten mellan att sidor återuppbyggs för en längre server-side caching. Ta också bort query strängar (t.ex. “?device=iphone”) från sid-URL:er om möjligt då dessa sidor inte kan cachas. Det kan också vara dags att fundera på om man vill addera en CDN-service till sin plattform för att förbättra laddningstiderna geografiskt. CDN:s lagrar kopior av din plattforms innehåll på servrar på flera olika platser vilket ger slutanvändarna snabbare access.

Kommentarer (0)

Lägg till kommentar

Kommentera

By submitting the comment you agree that your personal data will be processed according to Mynewsdesk's <a href="http://www.mynewsdesk.com/se/about/terms-and-conditions/privacy_policy">Privacy Policy</a>.