Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Web Font Optimization for Mobile Internet Users: A performance study of resource prioritization approaches for optimizing custom fonts on the web
Linnaeus University, Faculty of Technology, Department of computer science and media technology (CM).
2019 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

According to the HTTP Archive, 75% of websites are using web fonts. Multiple conditions have to be met before modern web browsers like Chrome, Firefox and Safari decide to download the web fonts needed on a page. As a result, web fonts are late discovered resources that can delay the First Meaningful Paint (FMP). Improving the FMP is relevant for the web industry, particularly for performance-conscious web developers. This paper gives insight into how the resource prioritization approaches HTTP/2 Preload and HTTP/2 Server Push can be used to optimize the delivery of web fonts for first-time visitors. Five font loading strategies that use HTTP/2 Server Push and/or Preload were implemented on replicas of the landing pages from five real-world websites. The font loading strategies were evaluated against each other, and against the non-optimized version of each landing page. All the evaluated font loading strategies in this degree project improved the time it took to deliver the first web font content to the user’s screen, resulting in a faster FMP. It was also discovered that HTTP/2 Server Push, on its own, is not a more performance efficient resource prioritization approach than HTTP/2 Preload when it comes to delivering web font content to the client. Further, HTTP/2 Server Push and HTTP/2 Preload appears to be more efficient when used together, in the context of optimizing the delivery of web font content. However, all conclusions in this paper are based on the results gathered from testing the font loading strategies in an emulated environment and are yet to be confirmed on actual mobile devices with real network conditions.  

Place, publisher, year, edition, pages
2019. , p. 181
Keywords [en]
Web Font Optimization, Resource Prioritization, web fonts, Critical FOFT, Preload, HTTP/2, Server Push, push, First Meaningful Paint, FMP, Flash of Invisible Text, FOIT
National Category
Computer Sciences
Identifiers
URN: urn:nbn:se:lnu:diva-85481OAI: oai:DiVA.org:lnu-85481DiVA, id: diva2:1326000
Subject / course
Computer Science
Supervisors
Examiners
Available from: 2019-06-19 Created: 2019-06-17 Last updated: 2019-06-19Bibliographically approved

Open Access in DiVA

Web Font Optimization for Mobile Internet Users - fulltext(4177 kB)27 downloads
File information
File name FULLTEXT01.pdfFile size 4177 kBChecksum SHA-512
c9dde922d74e8cd718fe56d1115af1afe1747200fe211e71343494b4931e0e24b1c392e4e06fca79eded36d42f9863b7127eec87bb8a73b5ceff5620573ffa0c
Type fulltextMimetype application/pdf

By organisation
Department of computer science and media technology (CM)
Computer Sciences

Search outside of DiVA

GoogleGoogle Scholar
Total: 27 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 89 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf