ブログを更新しました❗️
Twitter Instagram スクロールで遅延読み込み
「親要素（div）の追加」と「CSSクラス名の変更」が面倒なため、 JS で行うようにしました‼️
blog.gadgets-geek.net/2023/0…
#DeferJS #LazyLoad #Twitter埋め込み #Instagram埋め込み #遅延読み込み #遅延ロード #ブログ #JetTheme
1
1
6
778
#DeferJS v3.6.0 ドキュメント を翻訳しました‼️
翻訳者が「サンプルコードの解説」を追加していますので、ご利用くださいませ
Twitter と Instagram で、スクロールするたびにレンダリングさせるコードが追加されています
blog.gadgets-geek.net/2023/0…
わずか1.81KByteのため、インライン組み込み推奨
22 Mar 2023
I released a new version of the Defer.js library to fix a bug of iOS Safari: the first click event may not work when using Defer.all() with the waitForUserAction argument set to true and one of deferred scripts make a DOM change.
github.com/shinsenter/defer.…
#DeferJS
1
1
5
479
Twitter埋込 #AdSense 対策方法を掲載
ブログ初心者向けに、PSIスコア改善方法をまとめました‼️
Lazy-Load（遅延読み込み）も解説
#WordPress #PageSpeedInsights #psi #LazyLoad #遅延読み込み #遅延ロード #ネイティブLazyLoad #DeferJS #GoogleBlogger #JetTheme
画像や動画の最適化方法も説明
ブログを更新しました！
Lazy-Loadとは？ PSIスコア改善方法2023 - ガジェおた（本館） ift.tt/sSfnDeP
1
4
581
ブログ初心者向けに、PSIスコア改善方法をまとめました‼️
Lazy-Load（遅延読み込み）を解説
#WordPress #psi #LazyLoad #遅延読み込み #遅延ロード #ネイティブLazyLoad #DeferJS #GoogleBlogger #JetTheme
画像や動画の最適化方法も説明
ブログを更新しました！
Lazy-Loadとは？ PSIスコア改善方法2023 - ガジェおた（本館） ift.tt/sSfnDeP
3
353
#JetTheme #DeferJS
GoogleBlogger用ブログテンプレート（テーマ）の「JetTheme」では、defer.js@2.5.0をアレンジ後にインライン組込（Defer.dom関数に、引数1つ追加） 📷JetTheme対応の『defer.js@3.6.0』コードをUPしましたので、ご利用くださいませ（リプ、参照） 著作権はShinさん所有
@shinsenter
22 Mar 2023
I released a new version of the Defer.js library to fix a bug of iOS Safari: the first click event may not work when using Defer.all() with the waitForUserAction argument set to true and one of deferred scripts make a DOM change.
github.com/shinsenter/defer.…
#DeferJS
1
2
370
Explains how to use native Lazy-Load and JS Library together‼️
1️⃣Write a post with native Lazy-Load usage in case JS is disabled
2️⃣Rewrite the JS code to support Lazy-Load JS Library
#Blog #WordPress #JetTheme #NativeLazyLoad #JSLibrary #LazyLoad #DeferJS
ift.tt/M5tOqDP
3
134
1️⃣JS無効時対処のため、ネイティブLazy-load 利用で記事を書く
2️⃣JSコードで、遅延ロードJSライブラリ対応に書き換える
ネイティブLazy-loadとJSライブラリ併用方法を解説‼️
#GoogleBlogger #JetTheme #DeferJS #ネイティブLazyLoad #遅延ロード #JSライブラリ #LazyLoad
gadgets-geek.net/2023/03/saf…
1
2
234
IE のサポートが終了した今、
有名ブラウザの ネイティブLazy-load 対応は完了で良いと思います。
ネイティブLazy-load を利用すれば、
遅延ロードJSライブラリ は不要か❓
記事にまとめました‼️
#ネイティブLazyload #DeferJS #遅延ロード #JSライブラリ #Safari
ブログを更新しました‼️
Safari の ネイティブLazy-load は iframe 対応済みだが、遅延ロード JSライブラリは不必要❓
gadgets-geek.net/2023/03/saf…
4
220
Twitter Instagram TikTok や ソースコード表示用ライブラリ 埋め込みで、PSI (PageSpeed Insights) 数値が悪化したら…
ネイティブLazy-load対応だけでは無理なので、
遅延ロードライブラリを組み込みましょう
#WordPress #JetTheme #Blog #HonePage #GoogleBlogger #highlightJS #PrismJS #DeferJS
ブログを更新しました！
Defer.js 使い方 （利用方法） - ガジェおた（本館） ift.tt/7ws9EZm
1
2
446
#DeferJS 使い方（利用方法）
Twitter / Instagram 埋め込みを「スクロールするたびにレンダリング」するコードを掲載済みですが…
多数 埋め込んだページのみ「CSSクラス名変更」で適用🆗の改良コードを追加‼️
過去記事など、CSSクラス名変更無しの場合➡️一括レンダリング
is.gd/peYk1S
ブログを更新しました！
Defer.js 使い方 （利用方法） - ガジェおた（本館） ift.tt/7ws9EZm
3
212
1 Mar 2023
limosuki.com/2023/03/deferjs…
りもさんも、Defer.domの使い方について記事を書かれました。
いろんな方に広まって行くと良いですね。
#DeferJs #遅延ロード #Blogger
2
4
280
#DeferJS v3.5.0 ドキュメント を翻訳しました‼️
翻訳者が「サンプルコードの解説」を追加していますので、ご利用くださいませ
このバージョンで、機能の追加・変更はありません
・defer.min.js 1.85KByte → 1.76KByte
・一部ドキュメントの修正（サンプルコードを含む）
blog.gadgets-geek.net/2023/0…
21 Feb 2023
I'm proud to announce the release of #DeferJS v3.5.0!
This version focuses on improving documentation and reducing the library file size after minification.
github.com/shinsenter/defer.…
I would like to express warm thanks to @Ataruchi, @HeavyPeat and Limosuki for their articles.
4
291
#JetTheme #DeferJS
GoogleBlogger用ブログテンプレート（テーマ）の「JetTheme」では、defer.js@2.5.0をアレンジ後にインライン組込（Defer.dom関数に、引数1つ追加）
➡️JetTheme対応の『defer.js@3.5.0』コードをUPしましたので、ご利用くださいませ（リプ、参照）
著作権はShinさん所有
@shinsenter
21 Feb 2023
I'm proud to announce the release of #DeferJS v3.5.0!
This version focuses on improving documentation and reducing the library file size after minification.
github.com/shinsenter/defer.…
I would like to express warm thanks to @Ataruchi, @HeavyPeat and Limosuki for their articles.
1
4
365
21 Feb 2023
I'm proud to announce the release of #DeferJS v3.5.0!
This version focuses on improving documentation and reducing the library file size after minification.
github.com/shinsenter/defer.…
I would like to express warm thanks to @Ataruchi, @HeavyPeat and Limosuki for their articles.
1
2
974
#DeferJS 【公式】英語ドキュメントを、日本語訳しました‼️
サンプルコードはオリジナルのまま掲載させて頂いてますが、『サンプルコードの解説』を私が理解している範囲で追記しています。
JavaScript や CSSセレクタ に詳しくない方、ぜひご利用くださいませ❗️
翻訳者も、良い復習になりました😖
ブログを更新しました！
Defer.js ドキュメント （日本語訳） - ガジェおた（本館） ift.tt/FCB5zys
4
294
1
3
238
#JetTheme #DeferJS
GoogleBlogger用ブログテンプレート（テーマ）の「JetTheme」では、defer.js@2.5.0をアレンジ後にインライン組込（Defer.dom関数に、引数1つ追加）
➡️JetTheme対応の『defer.js@3.4.0』コードをUPしましたので、ご利用くださいませ（リプ、参照）
著作権はShinさん所有
@shinsenter
3
4
368