0x48piraj / 0x48piraj/0x48piraj.github.io

Implement lazy loading of images

オープン 初心者向け
#3 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
CSS
スター
12
フォーク
0
PR マージ指標
30日以内にマージされた PR はありません

説明

> Reference - https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

この issue は Google の遅延読み込みのガイダンスを参照しています。リポジトリ内の HTML 画像タグ(おそらく index.html や類似のページ)を調べてください。ネイティブの loading='lazy' 属性、またはより広範なブラウザサポートのための JavaScript ベースのソリューションを実装します。ブラウザの開発者ツールでネットワークリクエストを確認し、画像がビューポートの近くにある場合にのみ読み込まれることをテストしてください。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
html, javascript
領域
frontend, performance
issue の種類
機能追加
難易度
2/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
65/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。