表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説 - Yahoo! JAPAN Tech Blog

2020/09/08 692 users content-visibility HTML Yahoo

これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></... 続きを読む

Ruby の lazy loading の仕組みを利用して未使用の gem を探す - クックパッド開発者ブログ

2018/04/03 127 users gem COOKPAD Ruby shia ジム

2018 - 04 - 04 Ruby の lazy loading の仕組みを利用して未使用の gem を探す 技術部開発基盤グループのシム( @shia )です。 最近は cookpad のメインレポジトリを開発しやすい環境に改善するために様々な試みをしています。 この記事ではその試みの一つとして不要な gem を検出し、削除した方法を紹介したいと思います。 背景 cookpad は10年以上... 続きを読む

Ruby の lazy loading の仕組みを利用して未使用の gem を探す - クックパッド開発者ブログ

2018/04/03 127 users gem COOKPAD Ruby shia ジム

2018 - 04 - 04 Ruby の lazy loading の仕組みを利用して未使用の gem を探す 技術部開発基盤グループのシム( @shia )です。 最近は cookpad のメインレポジトリを開発しやすい環境に改善するために様々な試みをしています。 この記事ではその試みの一つとして不要な gem を検出し、削除した方法を紹介したいと思います。 背景 cookpad は10年以上... 続きを読む