表示速度を飛躍的に向上させる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"></... 続きを読む

Googleが画像遅延の仕組みNative Lazyloadプラグインをリリース - Capital P

2019/09/10 37 users Capital P リリース Google レンダリング 通り

GoogleがWordPressプラグインNative Lazyloadプラグインをリリースした。このプラグインはその名前の通り、Lazy Loading（画像などの遅延読み込み）を実現するもの。画像読み込みでロックされるレンダリングを早くしようというものだ。このサイトCaptal Pでも導入してみたので、気になる方はチェックしてみてほしい。も... 続きを読む

画像最適化戦略 Lazy Loading 編 | blog.jxck.io

2019/05/20 97 users jxck.io INTRO LazyLoad img PNG

created_at: 2019-05-20 updated_at: 2019-05-20 tags: [lazyload,image,performance] Intro 長らく議論されてきた <img> や <iframe> における Lazyload について、仕様と実装が動きを見せている。 ここでは、特に画像 <img> に注目し、 Lazyloading の議論の変遷を踏まえた上で現状を解説する。 画像最適化戦略 PNG/JP... 続きを読む

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年以上... 続きを読む

CakePHP3のORMを使う際に欠かせない概念について - Qiita

2014/12/09 42 users ORM CakePHP Qiita yando オブジェクト

諸事情あって、バタバタしているyandoです。 18時過ぎに自分の番である事に気がついてしまいましたが、この記事はCakePHP アドベントカレンダーの9日目です。 CakePHP3で一新されたORMは「結果が配列からオブジェクトになった」というだけではない違いがあります。 それが Eager loading と Lazy loading です。この概念を理解していないとORMの機能を間違って使っ... 続きを読む