Skip to content

First meaningful paint fires too late for Angular-Universal apps #4578

@EdwinChua

Description

@EdwinChua

The First meaningful paint metric seems to be incorrectly calculated on my Angular-Universal application. It seems to only consider the paint meaningful when some of the larger assets have loaded. However, as Angular-Universal renders the initial page in HTML first, and pushes the rest of the files later, this timing is quite inaccurate.

Am I doing something wrongly? Or is this expected behaviour?

Page tested: https://blog.crazy.technology/post/Clash-of-Clans---How-to-use-the-Web-API-570dd2b2

Report exported to: https://gist.github.com/EdwinChua/8c0b4544daa766ec67b4899ac1af38c4

Direct link to report (paste in viewer): https://gist.githubusercontent.com/EdwinChua/8c0b4544daa766ec67b4899ac1af38c4/raw/b0b72551b48104a4dc0112bb69d18f333c16cd22/blog.crazy.technology_2018-02-19_15-48-04.lighthouse.report.json

Open in Viewer: https://googlechrome.github.io/lighthouse/viewer/

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions