Load Time Performance

Which sentences are correct?

• Page load time of most websites is affected more by bandwidth than latency

• Page load time of most websites is affecter more by latency than bandwidth

• "Performance golden rule" says most optimisations are in the backend code

• "Performance golden rule" says most optimisations are in the frontend code

Which of the principles is questionable in HTTP/2 world?

• send fewer bytes over the network

• make fewer requests

• move data closer to the end user

• prefer nonblocking resource loading

Which optimisation is NOT applied by default in Parcel?

• file minification

• adding cache friendly hash to the file names

• JS bundling

• gzip

What font-display value is a default in most browsers?

• swap

• fallback

• block

• optional

What are the common image loading anti-patterns?

• download and hide

• download and shrink

• using wrong image format

• using SVG for icons

How can we implement adaptive images?

• CSS media queries

• img@srcset

• picture

• client hints

How do we lazy load images in HTML?

• lazy=loading

• loading=lazy

• data-src

• data-srcset

What's the order of the Critical Rendering Path?

• DOM/CSSOM -> Render -> Paint -> Layout

• DOM/CSSOM -> Layout -> Render -> Paint

• DOM/CSSOM -> Layout -> Paint -> Render

• DOM/CSSOM -> Render -> Layout -> Paint

How can we load current page CSS without render blocking?

• loading=lazy

• media=print

• rel=prefetch

• rel=preload

What CSS optimisation strategies have we learned?

• put CSS in the head

• remove unused CSS

• consider using Functional CSS

• extract and inline critical CSS