koodiklinikka/koodiklinikka.fi
1
0
Fork 0
mirror of https://github.com/koodiklinikka/koodiklinikka.fi.git synced 2026-03-07 12:01:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix some performance issues

Browse Source 
* Remove render blocking stripe JS that seems unnecessary
* Use native lazy loading of images
  - Truly a progressive enhancement, only affects browsers that support it
  - Causes a warning: [Intervention] An <img> element was lazyloaded with loading=lazy, but had no dimensions specified. Specifying dimensions improves performance. See https://crbug.com/954323, which can not be easily fixed
* Render content first, hydrate after that
This commit is contained in:
Olavi Haapala
2019-11-02 21:14:32 +02:00
committed by Aarni Koskela
parent fb4fb44ef6
commit bec251c4e6
8 changed files with 17 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Feed.tsx
View File

@@ -34,7 +34,7 @@ export default class Feed extends React.Component {
render() {
const messages = this.state.messages.map((message, i) => {
let image = <img src={message.image} alt="" />;
let image = <img src={message.image} alt="" loading="lazy" />;
if (message.imageLink) {
image = (