Lazy Loading

[robertu7]

• Add loading=lazy to <img> and <iframe>
  • Insert this attribute to article content;
  • Use <img> with object-fit: cover instead of inline backgroundImage for avatar & digest cover;
• Dynamic Imports <AppreciatorsDialog>, <Donation>, <PushInitializer>, <ProgressBar> & <GlobalDialogs>
  • Lazy render content of tippy;
• Upgrade @tippyjs/react to 4.x;
• Drop custom express server;
• Code Spliting of Icons

[codecov]

Codecov Report

Merging #1159 into develop will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff            @@
##           develop    #1159   +/-   ##
========================================
  Coverage    90.00%   90.00%           
========================================
  Files            1        1           
  Lines           10       10           
  Branches         2        2           
========================================
  Hits             9        9           
  Misses           1        1           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 945a72f...e13b4e0. Read the comment docs.

[robertu7]

(5) runtime performance profiling

[guoliu]

Nice and huge 🐳 not able to review all the files, but lets try and see!