SWELL設定とEWWW Image Optimizerプラグイン

仕事(Tips)

仕事のアウトプットが苦手なままずっとブログを放置していましたが、更新し始めることにしました。
また、よろしくお願い申し上げます。

今回はテーマSWELLが使用されているサイトのLPを担当させて頂きました。

メインビジュアルのPCのみがページが読み込まれた際、画質が悪いという問題が発生していました。
※しばらくすると高画質になります

この問題はレンダリングが関係しているのではないかと考えました。

結果

最終的には画像ブロックをHTMLに変換した際に発覚しました。画像が圧縮がかっていました。
(画像の元々の名前の後ろにリサイズされた大きさらしき数式が入っていました。)
その大きさで全幅表示されたらそりゃあ画質悪いですよねという大きさでした。

カスタムHTMLブロックに変換してそのソースを元の画像のソースへ編集したら、解決しました。

干渉する可能性のある機能

今回の調査で、干渉する可能性のある機能が確認できました。

SWELLの設定画面で、「遅延読み込み機能」があります。

また、同サイトにEWWW Image Optimizerプラグインが入っていたため、そちらも遅延読み込みがついていますのでそこには留意が必要そうだと判断しました。
今回は、EWWW Image Optimizerプラグインの遅延読み込みに対してチェックを外した上で保存し、クライアント様にご報告させていただきました。

コメント

タイトルとURLをコピーしました