【わけわかめ】litespeed cacheでLazy Loadで遅延読み込み極まりすぎて、SEOには優しいけど、見た目が重たいサイトになった件

わけわかめ

ロリポップでwordpressをインストールすると無料で付属してくるlitespeed cacheですが、ページ高速化にかなり有効なプラグインです。

こちらのサイトで詳しく説明してくださっています。

LiteSpeed Cacheとは、Apache(アパッチ)やNGINX(エンジンエックス)、LiteSpeed(ライトスピード)などのWebサーバーで利用できるキャッシュプラグインです。

キャッシュを有効にすることにより、Webページの読み込み時間を大幅に短縮できます。

ほかにも「HTMLやCSS、JavaScriptの圧縮」「画像をWebPに置き換え」「Webページの最適化」「データベース最適化」など、さまざまな機能を備えているオールインワンのWebサイト高速化プラグインです。

出典:LiteSpeed Cacheの全設定を徹底解説!【Webサイトを高速化】

URL:https://www.webdeki.com/column/5998/

なかなか優秀なプラグインですが、時にLazy Loadでむしろ見た目だけ重たいサイトに見えてしまっているという状態になりました。

サイトの容量自体は軽いのでそういう意味ではSEOには優しいのですが、読み込みがLazy Loadなのです。

なのでヒーロー動画とか設定してるととてつもなく読み込みが遅いという残念なサイトになってしまいました。

ここで何を改善するか悩みどころなのですが、私の場合は動画の容量を気にせず、特定の画像(ロゴなど)や動画をLazy Loadしない設定にしました。(後で様子見てまた変えるかも)

↑みたいな感じです。

LazyLoadしときゃいいって話でもない。なんでも極まりすぎるとリスクは付き物ですね…ほどほどの妥協が必要です。

jQueryやらvanillaJSやらGSAPやら…動的なものはいかに技術力で軽量化できるかが勝負ですね…勉強すること多い…ぐぬぬ

最近GSAPのスクロールトリガーをwordpress上で出来ないかと模索しておりますが、近々なんかやってみます。

技術力磨くには日々アウトプットですね~…インデックスしてないサブドメインでテスト構築用作って実装するか…

アーカイブ

カテゴリー

よかったらシェアしてね!
  • URLをコピーしました!

木村 水癸のアバター 木村 水癸 「伝える」「癒す」をカタチにする人

#AI DigitalMarketing Creator
――AIに選ばれる人材へ 
\SEO×AI(LLMO)の知識を強化中!/

【SNS始めました!】
アイディアや日常的な事を発信しています!宜しければフォローで応援してもらえると嬉しいです\✡/

目次