SWELLの高速化 その2
contents
SWELLの高速化 SWELL純正の機能を使う
笑顔な助手
みなさんSWELLしてますかー?
SWELLの高速化を興味本位であれこれ試している段階なのですが
やはりSWELL純正の高速化機能も試さなければいけません。
今回は前回のプラグインのキャッシュは完全にOFFです。
前回の記事に書き忘れてましたけどどちらもロリポップさんのキャッシュサーバーはOFFで
前回も今回も実験してます。
まず SWELLの設定
スクリプト遅延のキーワード設定詳細
twitter.com/widgets.js, instagram.com/embed.js, connect.facebook.net, assets.pinterest.com, googletagmanager.com/gtag/js, gtag/js clipboard.min.js, set_urlcopy.min.js, luminous.min.js, set_luminous.min.js, rellax.min.js, set_rellax.min.js, prism.js, hcb_script.js
画像等のLazyload(遅延読み込み) は EWWWに担当させる
EWWW Image Optimizerの設定(plugin)
Invisible reCaptcha(プラグイン)の導入
コメントどうせ無いので(笑 コメント欄廃止したついでにプラグインで必要な場所だけ部分的に
reCaptcha を動作させることにした。
果たして高速化に関係あるのかよくわからないがとりあえず全体にreCaptcha 効かせるより
部分的に効かせたほうが軽くなるのではないだろかと期待して導入w
但し。後日期待はずれが判明したのでこの実験以降このプラグインはボツになりました。
管理人
実際軽くなったよ 多分。
しらんけどw
(なってない)
当然 jsファイルの遅延読み込みも SWELLに担当させるので javascipt遅延系の プラグインは削除した。
今回、GoogleのTAGとかは今回はそのまま。遅延対象に入れてません。どうも記述する順番に秘密がありそうで
記述の仕方によって遅延できたりできなかったりする現象があるので検証中です。
次回以降でお話ししたいと思います。
速度はどうだ? 検査結果
管理人
おい めっちゃ速いぞw この組み合わせが最速かもしれないw
モバイル
デスクトップ
管理人
モバイルの成績が結構良いね
大体60-80をキープしてる感じかな?
びっくりな助手
ひゃー かなり速いよねコレ?!
得意げな助手
みなさんもお試しお試しw
swellでreCAPTCHAを必要なページだけ稼働させたい。(Blog高速化 最終章)
SWELLの高速化の敵。reCAPTCHAは非常に重い。 PageSpeed Insights で計測していると大体 くっそ重たい原因が reCAPTCHA。 reCAPTCHAを取り去るだけでスコアが20−30…
SWELLとEWWW Image Optimizerの相性問題
SWELLで吹き出しの丸枠が消えた 公式でも相性が悪いかも?と指摘されているEWWW Image Optimizer。 私が自分で相性悪いなと確認した部分は一点あります。 SWELLの機能で…