Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク年間ランキング」の2024年版を発表します。上位トップ100の記事をピックアップしました（集計期間：2023年12月11日～2024年12月10日）。 順位 タイトル 1位 あなたが癌になった時に最初に知ってほしい事 2位 マンションリフォーム虎の巻 3位 国土交通省が新サイト「不動産情報ライブラリ」を無料公開、早くも神サイトと評判【やじうまWatch】 - INTERNET Watch 4位 死ぬほど嫌でした｜佐藤秀峰 5位 日本料理大全/JAPANESE CUISINE | 京都府立大学 6位 身近な人が亡くなった時の手続きと備えのすべて!?（必要書類の記入例付） | 遺品整理・生前整理の優良業者│リサイクルジャパン 7位 強盗団の件、犯罪エアプの人達は平和ボケしすぎ 8位 フルリモートで相手に気持ちよく仕事