Malmö University Publications
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
Improving a website’s first meaningful paint by optimizing render blocking resources: An experimental case study
Malmö högskola, Faculty of Technology and Society (TS).
Malmö högskola, Faculty of Technology and Society (TS).
2017 (English)Independent thesis Advanced level (degree of Master (One Year)), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

Web page loading time is one of the critical challenges on the Internet. This topic attracts more researchers as it largely reflects the user satisfaction. A web page resources typically consists of Hyper Text Markup Language (HTML), Cascading Style-Sheet (CSS), JavaScript (JS), media files, etc. As the complexity of the web page increases, the size of files fetched from server also increases which causes delay in transmitting, loading, parsing and rendering the web page. The web page is not rendered until HTML, CSS and JS files are loaded and parsed. Not all such files are needed to be rendered for the first page. Optimizing and loading only critical les required for the first page, can considerably reduce time taken to load the web page. After the first page is rendered, the rest of the files can be loaded and executed. In this thesis, we focus on improving the time taken for First Meaningful Paint(FMP) of website by loading the critical files initially. We used Design Science Research( DSR) methodology and created a PhantomJS application, to identify and segregate used and unused CSS for the first meaningful paint of the web page. We also analyzed script files to load only critical files required for FMP and the rest later. We evaluated our experiment by studying a case on Axis Communications AB and measured its website's performance to find if our experiment reduced FMP time. It showed improvement in time taken for FMP from 1284ms to 372.6ms. Based on the results, we suggest to web developers to separate and load the files required for FMP and load the rest of the files needed for the website later, so that the first page is rendered quickly.

Place, publisher, year, edition, pages
Malmö högskola/Teknik och samhälle , 2017. , p. 54
Keywords [en]
Improving a website's first meaningful paint by optimizing render blocking resources - An experimental case study
National Category
Engineering and Technology
Identifiers
URN: urn:nbn:se:mau:diva-20079Local ID: 23169OAI: oai:DiVA.org:mau-20079DiVA, id: diva2:1479947
External cooperation
Axis Communications AB
Educational program
TS Computer Science, Master Programme
Available from: 2020-10-27 Created: 2020-10-27 Last updated: 2024-06-13Bibliographically approved

Open Access in DiVA

fulltext(2671 kB)558 downloads
File information
File name FULLTEXT01.pdfFile size 2671 kBChecksum SHA-512
4f0913cb97fb5c5f1ae5b44b871ef4ff5326b3cc6e37a35764aa2a2fc92049fe2343b355bb7220e6a8857d590d2c127786781614d0bbfb0e8a0803846dae120f
Type fulltextMimetype application/pdf

By organisation
Faculty of Technology and Society (TS)
Engineering and Technology

Search outside of DiVA

GoogleGoogle Scholar
Total: 558 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: 526 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