ウェブページの読み込みが遅いときはLighthouseで改善案を見て速度改善する（ひとり DevTools Advent Calendar 2020 – 15日目） | Ginpen.com
15 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 ウェブクライアント側のパフォーマンスは主に読み込み時と実行時のふたつに分けることができます。今回はそのうち読み込み時のパフォーマンス改善について。 Lighthouse パネルのボタン一発で改善案が出てきます。その指示に従うと良いでしょう。 先にまとめ DevTools Lighthouse パネルを使う ボタン押すだけ 速度以外にもアクセシビリティとか SEO とか計測できるツール 改善案を提示 改善前に計測して、改善後と比較する ファイルサイズを減らすのが基本方針 Lighthouse を使った計測 さて計測なんですが、Lighthouse が初手として一番簡単かつ最後まで効果的です。なんてったってボタンを押すだけ。 DevTools 内にあり、ボタンを押すだけで手軽 結果が
jQueryのカスタムビルドが簡単にできるサービス「jQuery Builder」
jQueryのカスタムビルドが簡単にできるサービス「jQuery Builder」の紹介です。 １．はじめに jQueryではカスタムビルドという、動作に必要な機能だけを組み込むツールがgithubで提供されています。 カスタムビルドのreadme ただし、このツールを実行するにはnpmやgruntなどのコマンドを実行できる環境を整える必要があります。 本エントリーで紹介する「jQuery Builder」を利用すれば、前述のコマンドを自分で実行する代わりに、ブラウザ上でカスタムビルドを実行することができます。 ２．使い方 Optionsの部分で利用したいバージョンと圧縮有無（Minify）を選択します。 Modulesの部分で、組み込みたいモジュールを選択します。右上の「All」「None」でチェックのON/OFF、右下にファイルサイズを表示します。 Buiidをクリック。 新しいウィン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
