高速化 on qwerty.work

Cloverを使用してNVMe非対応のPCにNVMe SSDに搭載して高速化する方法

Thu, 23 Sep 2021 14:18:24 +0900

NVMe非対応でも対応可能する方法があった！

古いPCだと、NVMeのSSDをM.2→PCIe変換でマザーボードに挿しても、BIOSがNVMeに対応していなかったりして使えませんが、これを無理矢理使えるようにしてしまう方法が見つかりました！

マザーボードがUEFIに対応していれば、Intel Core2 Duoなどの古いモデルのPCでも、Windowsのブートドライブとして認識し、起動もできてしまうようです。

CLOVER Bootloaderというツールを使う

【レビュー】WD_BLACK AN1500 1TBを買ってOSブートドライブとして使ってみた

Sat, 22 May 2021 20:58:35 +0900

古いPCでも爆速にできる最強のストレージ?!

PCIe Express 3.0世代のPCでも、PCIe Gen3 x8で接続できるスロットに挿すだけで、秒速6500MB/s （連続読込）、4100MB/s（連続書込）というPCIe 4.0世代並みのスピードを手に入れることができるストレージカード『WD_BLACK AN1500 NVMe SSD Add-in-Card（2020年10月発売）』を遂に手に入れました。発売されたのを知ってから、ずっと欲しかったんです。

https://shop.westerndigital.com/en-in/products/internal-drives/wd-black-an1500-nvme-ssd#WDS100T1X0L-00AUJ0 https://shop.westerndigital.com/en-in/products/internal-drives/wd-black-an1500-nvme-ssd#WDS100T1X0L-00AUJ0

1TB/2TB/4TBがラインアップとしてあるのですが、今回は1TBを購入しました。

M.2/NVMe SSDは単体でも速いのですが、PCIe Gen3 x4（転送速度約4GB/s）の規格のSSDでは秒速3000MB/s～3500MB/s（連続読込）も出ればいい方ですが、なぜ秒速6500MB/s（連続読込）も出るかと言うと、PCIe Gen3 x8（転送速度約8GB/s）で接続するということと、このカードの中にM.2/NVMe SSDが2枚入っていて、内部でRAID0（ストライピング）で動いているからで、これによってPCIe Gen4 x4（転送速度約8GB/s）並みのスピードが出ています。

通常、RAID0を使おうと思ったらRAIDの設定が必要ですが、このカードに関しては設定が不要で、挿すだけで単体のドライブとして認識してくれます。

電源を入れるとこのようにLEDが光ります。

専用ソフト『Western Digital ダッシュボード』を使用して消灯したり、光るパターンを変更できます。ちなみに、今回使用しているPCの仕様は以下の通りです。かれこれ6~7年前から使用している古いPCです。

使用しているPC環境

Intel Core i5-4460（第4世代）
ASRock Z97 Extreme6（Intel Z97チップセット）
DDR3-1333 / PC3-10600 32GB（8GB×4枚）
NVIDIA GeForce GTX 1050 Ti （GDDR5 4GB）
Microsoft Windows 10 Professional (x64) Build 19042.985

単体のドライブとして認識

PCIe 3.0 スロットに挿し、ディスクの管理を起動してみたら、ちゃんと単体のドライブとして認識されていました。通常のRAIDカードと違って、何の設定もなくすんなり1TBのドライブとして認識しました。

BIOS/UEFIの起動ドライブの優先順位を設定する画面に表示されていたので、ブートディスク（起動ドライブ）として使えそうです。

起動後にデバイスマネージャーで認識されている様子↓

スクリーンショットを取り忘れましたが、『ディスクの管理』では1TBのハードディスクとして表示されていました。

OSを引っ越し

システムドライブとして使えそうなのが分かったので、今までのシステムドライブの内容をWD_BKACK AN1500にクローンコピーします。ツールはAcronis True Imageを使用しました。

ちなみにシステムドライブとして使用していたのは『Samsung SM961 NVMe SSD 256GB』で、そっくりそのままの内容をWD_BLACK AN1500 1TBにクローンコピーしました。時間は覚えていませんが、30分くらいでコピーが終わった気がします。

BIOS/UEFIでWD_BLACK AN1500の優先順位を変更

クローンコピーが終わったところで、旧OSドライブを取り外し、UEFIのブートオプションの設定をWD_BLACK AN1500に変更して再起動したらあっさりWindows10が起動しました。

なぜかPCIe Gen3 x4で駆動

専用ツール『Western Digital ダッシュボード』をダウンロード＆インストールして実行してみると、x8で動いているだろうと思っていいたら、x4での認識になっていました。

https://support-jp.wd.com/app/products/product-detail/p/2284 https://support-jp.wd.com/app/products/product-detail/p/2284

原因はZ97チップセットの仕様

Intel Z97チップセットでは、

PCI Express 3.0 を 1スロット使用 → x16
PCI Express 3.0 を 2スロット使用 → 各スロット x8
PCI Express 3.0 を 3スロット使用 → 1スロット x8 + 2スロット x4

となるみたいで、全部でx16しかレーン数がないので、それを挿した分で分かち合うみたいです。そして、私の使用しているマザーボードはでは、PCI Express 3.0で接続できるスロットは、PCI Slot 2、Slot 4とUltra M.2となっていて、それぞれに以下のパーツを挿していました。

PCI Express 3.0 Slot 2 → x8 グラフィックカード（NVIDIA GeForce GTX 1050 Ti）
PCI Express 3.0 Slot 4 → x4 WD_BLACK AN1500 1TB
Ultra M.2 Slot → x4 NVMe SSD（データ用SSD）

x8になった！

そこで、仕方なくUltra M.2 SlotのSSDを別のPCI Express 2.0で接続するスロットに移してみました。すると無事、x8になりました！

AN1500がPCIe Gen3 x8接続になったのは嬉しいのですが、Ultra M.2に挿していたPCIe Gen3仕様のSSDをあえてPCIe Gen2 x4で遅く使うことになるのは、ちょっと寂しい感じです。古いチップセットの仕様なので仕方ありませんが…。

ベンチマーク（スピードテスト）してみた

入れ替えたシステムドライブの新旧でスピードを比較してみました。ベンチマークにはCrystalDiskMarkを使用しました。

旧システムドライブ（Samsung SM961 NVMe SSD 256GB）

PCIe Gen3 x4接続のSSD。

新システムドライブ（WD_BLACK AN1500 1TB）

公称値の『6500MB/s （連続読込）/4100MB/s（連続書込）』には届きませんでしたが、十分速いです。データ用ではなく、システムドライブとしてOSが起動している状態で使用しているからなのかもしれませんが、シーケンシャルリードが約1GB/sも遅いのは気になります。書込みはほぼ公称値どおりなので満足です。

体感速度については、Windows10やアプリケーションの起動は『少し早くなったかな？』と言った程度でしたが、**Adobe Premier Proの書き出しについては『段違いに速い！』**と感じました。他にも気づいていない恩恵があるかもしれません。

このストレージカードのおかげで、この古いPCは、まだまだ現役で使えそうです。

CPU接続のスロットに差し替えて再ベンチマーク

（2021/09/16追記）読込速度が公称値の6500MB/sに到達しないのは、ひょっとして**『PCIeスロット3がチップセット接続だから？』**と思い、CPU接続のPCIeスロット1と入れ替えてみました。

ベンチマーク結果

予想は当たっていました。読込速度が公称値の6500MB/s近くまで出ました。PCIeスロットの仕様をよくわかっていませんでした。PCIe4.0世代のSSD並みのスピードが出て満足です。

その他参考ページ

https://akiba-pc.watch.impress.co.jp/docs/sp/1289908.html https://akiba-pc.watch.impress.co.jp/docs/sp/1289908.html

https://akiba-pc.watch.impress.co.jp/docs/news/news/1283218.html https://akiba-pc.watch.impress.co.jp/docs/news/news/1283218.html

https://jisakuhibi.jp/archives/1078120857.html https://jisakuhibi.jp/archives/1078120857.html

https://gigazine.net/news/20201121-wd-black-an1500/ https://gigazine.net/news/20201121-wd-black-an1500/

https://photo-studio9.com/wd_black-an1500/ https://photo-studio9.com/wd_black-an1500/

https://hexus.net/tech/reviews/storage/147162-wd-black-an1500-nvme-ssd-2tb/ https://hexus.net/tech/reviews/storage/147162-wd-black-an1500-nvme-ssd-2tb/

爆速復活！起動が遅くなったのはAdobe Cloud Desktopのせいだった件

Thu, 29 Apr 2021 22:16:44 +0900

Adobe CCを使われていて、

Photoshopの起動が遅い
Illustratorの起動が遅い
Premiere Proの起動が遅い
DreamWeaverの起動が遅い

と、思っている方には朗報かも知れません。

最近、いろいろ動きが重たくなった

PCIeｘ3.0接続しているNVMe（M.2）のSSDの割にパソコンのスピード（レスポンス）が悪くなってきました。

Windows10の起動が遅くなった。
特にデスクトップが表示された後、アプリケーションが起動できるようになるまでに時間がかかる。
Photoshopの起動が異常に遅くなった。
スリープから復帰に少し時間がかかるようになった。

全部Adobe Colud Desktopのせいだった！？

Adobe CCの管理に使われているAdobe Colud Desktopで以下の機能をオフにし、PC起動時の自動起動と常駐を止めました。

ログイン時にCreativeCloudを起動
CreativeCloudを常に最新に保つ

すると、遅いという問題が全部まとめて解決できました！

たったこれっだけのことに、なぜ早くこれに気づかなかったのかったのだろう…。

手順の参考ページ

Adobe Creative Cloudの自動起動を停止したら、遅いWindows10の起動が速くなった

爆速が復活した！！

Adobe Colud Desktopの機能をオフにする以外にサービスやスタートアップも無効にしてみたところ、『ヒャッホー！！』と心の中で叫ぶほど、すべてが速くなりました。

Windows10サインイン後、起動完了までの時間が短くなった。
Photoshopやその他Adobe系のアプリケーションの起動が速くなった。
スリープ復帰が爆速になった。

スピード感が元に戻ったと言うべきかもしれませんが、爆速になった気がします。

起動時間参考値

爆速になったAdobe系アプリケーションの起動時間を計ったベンチマークは以下のページに記載しています。よかったら参考にしてください。

Adobe系、特にPhotoshopの起動が遅くなったときに高速化で試したこと

どれも10秒前後で起動するようになり、起動するまでに『何かやっておこう』とかできなレベルになりました。

Adobe Creative Cloudの自動起動を停止したら、遅いWindows10の起動が速くなった

Thu, 29 Apr 2021 16:21:52 +0900

なんか最近Windowsの起動が遅い

**『起動ディスクにSSDを使っている割にはWindows10の起動が遅いな』**と思うことが最近になって多くあります。特にWindows10にサインインしてデスクトップが表示された後、マウスカーソルがグルグル回ってがやたらもたつく感じがします。

そこで、Windows起動時にバックグラウンドで常駐しているアプリケーションを見直し、不要な物の自動起動を停止することにしました。

Adobe Creative Cloudが原因？

最近、やたらとPhotoshopやIllustrator、Premiere Pro、AfterEffectなど、インストールしてあるAdobe CCの**『アップデートが完了しました』というようなお知らせがポップアップで出てくるので、これがWindows起動時のもたつきの原因**じゃないかと思いました。

毎回Windows起動時に、インストールされたAdobe CCのアプリケーションを調べて、最新かどうかをチェックし、自動的にソフトウェアをアップデートしているのだと思います。

Adobe Creative Cloudの自動起動を停止してみた

アップデートや更新は定期的に手動で行うのは苦ではないので、Adobe Creative Cloudの自動起動を停止することにしました。手順は以下の通り。

Adobe Cloud Desktopを起動し、**[ファイル]-[環境設定]**を開く

以下2つの設定をオフにして[完了]を押す。

ログイン時にCreativeCloudを起動
CreativeCloudを常に最新に保つ

これで、次回起動したときに常駐アプリのアイコンがタスクバーにも表示されなくなります。

Windowsの起動は軽くなったけど？！

パソコンを再起動するとサインインしてからの動きは軽くなり、目的は達成できました。

しかし、タスクマネージャーを起動してみると、他にもAdobe系のものがバックグラウンドで起動していました。

ついでに不要なスタートアップも無効にする

まず、タスクマネージャーを開かないといけないのですが、開き方はいろいろありますが、その一例は以下の通り。

タスクバーの右クリックメニューから起動する
Ctrl + Shift + Esc を押す
Ctrl + Alt + Delete のメニューから起動
検索窓でtaskmgrを検索

タスクマネージャーの**[スタートアップ]タグを開き、以下の二つを選択して[無効にする]ボタンを押して、[有効]の表示を[無効]に変更**します。

Adobe Creative Cloud
Adobe Updater Startup Utility

その他のスタートアップやプロセスが何か知りたいとき

上記の2つ以外にもたくさんAdobeの文字や関係がありそうなものがありますが、『それは一体何なのか？』、**『それも無効にしもていいのかな？』**と思ったときは以下のページに説明があるので参考になります。

アプリケーションに必要な Adobe バックグラウンドプロセス

https://helpx.adobe.com/jp/x-productkb/global/adobe-background-processes.html https://helpx.adobe.com/jp/x-productkb/global/adobe-background-processes.html

内容を理解して他にも自動起動の停止や無効を試してみると、もっと軽快になるかもしれません。

設定からでも無効にできる

スタートアップの停止（無効化）は**[設定]-[アプリ]-[スタートアップ]からでも無効**にすることもできます。こっちの方が簡単ですね…。

あまりAcrobat DCやAcrobat Reader DCを使用しないのであれば、AcroTrayも無効にしても支障がないかと思います。これに関しては以下のページを参考にしてみてください。

https://itojisan.xyz/settings/21705/ https://itojisan.xyz/settings/21705/

ついでにサービスの自動開始も停める

スタートアップを無効にしても以下のプロセスが起動していましたので、これを起動するサービスを無効または手動に変更します。

Adobe Update Service

" loading=“lazy”/>

ついでに以下のAcrobat関連も停めます。

Adobe Acrobat Update Service

サービス（services.msc）を起動し、以下のサービスを自動開始から無効または手動に変更します。

Adobe Acrobat Update Service（AdobeARMservice）…デフォルトは自動開始(遅延開始)
AdobeUpdateService（AdobeUpdateService）…デフォルトは自動開始

ついでにタスクスケジューラも無効にする

タスクスケジューラを見てみると、Acrobat関係ではありますが、Adobe Acrobat Update Taskというのがありましたので、無効にしておきました。

その他参考ページ

https://helpx.adobe.com/jp/creative-cloud/kb/cq03260409.html https://helpx.adobe.com/jp/creative-cloud/kb/cq03260409.html

https://cs5.xyz/blog/2017/03/cc_remove_memory.html https://cs5.xyz/blog/2017/03/cc_remove_memory.html

おまけにPhotoshopの起動も速くなった！

これで随分Windows10の起動が軽くなりました、以下の投稿でも書きましたが、遅かったPhotoshopの起動も速くなりました！

Adobe系、特にPhotoshopの起動が遅くなったときに高速化で試したこと

それに、いろいろ停止や無効にしたからといって、アップデートができないとか、アプリケーションが起動しないとか、特に動作に問題あえいませんでした。原因がまさかCreative Cloudの常駐が関係しているとは思いませんでした。結果、問題が解決できてよかったです。

Adobe系、特にPhotoshopの起動が遅くなったときに高速化で試したこと

Wed, 21 Apr 2021 23:13:31 +0900

※この記事を投稿した後に一番の解決策が後日見つかり、ページ下部に追記しています。結論から見たい場合はページ下部をご覧ください。（2021/04/29追記）

あるときから急にAdobe系の起動が遅くなった

PCのドライブはCドライブもDドライブもシーケンシャルリードは秒速3GB/sのPCIe接続のNVMe（M.2）SSDです。今までAdobe系のアプリケーションの起ちあがりに不満を感じたこともなく、スーッと起動していたのでどのくらいの起動時間だったか計ったことが無かったのですが、最近（バージョン2020～2021）にアップデートされた頃から、起動が遅く感じるようになりました。

特にPhotoshopの起動が遅い！

よく使うAdobe系のアプリケーションはPhotoshop、Illustrator、Dreamweaver、Premiere Proです。たまにLightroomやAcrobatを使います。この中でもPhotoshopが異常に遅く感じるようになりました。『環境設定を読み込んでいます…』からが長い。

そこで、ザクッリですがストップウォッチで起動時間を計測してみました。

起動時間

  アプリケーション
  起動時間




  Photoshop
  1分40秒


  Illustrator
  35秒


  Dreamweaver
  28秒


  Premiere Pro
  55秒

これで遅いとか、ストレス溜まるとか言ってたら怒られるかもしれませんが、以前はこれよりも体感的には速かったんです。

原因と対処方法を探す

ネットでいろいろ検索してみると、『起動が遅くなった』というブログが結構ヒットしました。併せて、『これで解決できた』という記事や投稿も目につきました。

特に目についた参考ページ

https://nextist.net/photoshop-slow-startup-troubleshooting/ https://nextist.net/photoshop-slow-startup-troubleshooting/

https://kikakukan.biz/2018/07/26/post-7765/ https://kikakukan.biz/2018/07/26/post-7765/

https://helpx.adobe.com/jp/photoshop/kb/optimize-photoshop-cc-performance.html https://helpx.adobe.com/jp/photoshop/kb/optimize-photoshop-cc-performance.html

https://naka668.com/pc-sakusaku/ https://naka668.com/pc-sakusaku/

試してみた内容と起動時間

Photoshopのエクステンションの読込を無効にする

**[編集]-[環境設定]-[プラグイン]**を開き、以下2つの項目ののチェックを外す。

『フィルター&エクステンションパネルにあるエクステンションのインターネット接続を許可』
『エクステンションパネルを読み込み』

効果あり！45秒も短縮されました！

  アプリケーション
  起動時間




  Photoshop
  55秒（45秒短縮）

再度、**元の有効に戻したみたら更に縮まりました！**意味が分かりません！

  アプリケーション
  起動時間




  Photoshop
  47秒（53秒短縮）

設定を変えず、再起動すると少し遅くなったけど、以前よりはマシ。

  アプリケーション
  起動時間




  Photoshop
  1分4秒

一度、終了させて再度起動したら、1回目より速く、再起動前の最速の47秒でした。

  アプリケーション
  起動時間




  Photoshop
  47秒

こんなもんだったのかもしれませんが、以前は体感的に20秒くらいで起動していた気がしますので、他の事も試してみます。

Windowsの高速スタートアップを無効にする

**[コントロールパネル]-[電源オプション]-[電源ボタンの動作を選択する]から以下の画面を開き、『高速スタートアップを有効にする』**のチェックを外し、再起動します。

再度計測をしてみました。

  アプリケーション
  起動時間




  Photoshop
  55秒（前回47秒）


  Illustrator
  25秒（前回35秒）


  Dreamweaver
  34秒（前回28秒）


  Premiere Pro
  30秒（前回55秒）

速くなったものもあれば、遅くなったものもあります。効果があるのか、ないのかよくわかりません…。

他の事を試すので、一旦、**『高速スタートアップを有効にする』**のチェックを入れ、元に戻します。

Windows10のシステムチェック

コマンドプロンプト（管理者）を起動して、以下のコマンドでシステム（Windows）に不具合がないか確認し、修復して速くなるか試してみます。

コマンド

dism /online /cleanup-image /restorehealth
sfc /scannow

そして再計測。

  アプリケーション
  起動時間




  Photoshop
  49秒（以前の最速47秒）


  Illustrator
  25秒（以前の最速25秒）


  Dreamweaver
  27秒（以前の最速28秒）


  Premiere Pro
  28秒（以前の最速30秒）

誤差の範囲で、特に効果なしでした。

スタートアップの無効

**[設定]-[アプリ]-[スタートアップ]**にあるPC起動時に不要または止めても支障なさそうなものを『オフ』にしてみました。

  アプリケーション
  起動時間




  Photoshop
  49秒（以前の最速47秒）


  Illustrator
  24秒（以前の最速25秒）


  Dreamweaver
  24秒（以前の最速28秒）


  Premiere Pro
  32秒（以前の最速28秒）

こちらも誤差の範囲で、特に効果なしでした。

バックグラウンドアプリをオフにしてみる

[設定]-[プライバシー]-[バックグラウンドアプリ]の『アプリのバックグラウンド実行を許可する』をオフにしてみました。これはWindowsの動きが重たいときに効果がある方法のようです。

アプリ毎の個別にオフできますが、丸ごとオフにしてみました。

再起動して時間計測。

  アプリケーション
  起動時間




  Photoshop
  48秒（以前の最速47秒）


  Illustrator
  24秒（以前の最速24秒）


  Dreamweaver
  26秒（以前の最速24秒）


  Premiere Pro
  24秒（以前の最速28秒）

Premiere Proが少し速くなりましたが、こちらも誤差の範囲で、特に効果なしでした。

しかし、Windowsサインイン後のもたつき感が無くなった気がするので、Adobe系とは関係ないWindowsに対する効果が現れました。このままバックグラウンドアプリの実行はオフにしておこうと思います。

Premiere Pro メディアキャッシュの削除

これはPremiere Proに限っての内容ですが、溜まったキャッシュを削除して高速化するというもの。

動作が軽くなるというもので、起動が速くなるとは思えませんが、一応試してみます。

[編集]-[環境設定]-[メディアキャッシュ]を開き、『メディアキャッシュファイルを削除』の横の[削除]ボタンを押します。

**『システムからすべてのメディアキャッシュファイルを削除』**を選択します。これを選択すると、Premiere Proで作業中だったファイルのキャッシュが消えて、作りかけの動画があった場合、再読み込みなど、動作が重たくなることがあります。それを避けたいときは『**未使用のメディアキャッシュファイルを削除』**の方を選択してみてください。

[OK]を押すと、以下2つのキャッシュフォルダ（隠しフォルダ）の中身がすべて消えます。

C:\Users\info\AppData\Roaming\Adobe\Common*Media Cache*
C:\Users\info\AppData\Roaming\Adobe\Common*Media Cache Files*

一応、Premiere Pro以外も含めて時間計測。

  アプリケーション
  起動時間




  Photoshop
  51秒（以前の最速47秒）


  Illustrator
  24秒（以前の最速24秒）


  Dreamweaver
  23秒（以前の最速24秒）


  Premiere Pro
  19秒（以前の最速24秒）

**Premiere Proの起動が速くなりました！**これは定期的にキャッシュの削除をしなければなりませんね。忘れそうですが…。

Adobeの設定フォルダを削除

C:\Users\info\AppData\Roaming\Adobe から古いsettingフォルダを削除してみます。フォルダを開いてみると古いバージョンのフォルダがたくさん出てきました。現在、バージョン2021のアプリしか使っていないので、古いフォルダはすべて削除してみます。settings以外の古いフォルダも削除してみます。

対象フォルダ

C:\Users\ユーザー名\AppData\Roaming\Adobe

更にアプリケーション名のフォルダ配下にも古いバージョン名のフォルダがあったりしましたので、それも削除しました。

削除が心配な場合はAcronis True ImageやEaseUS Todo Backup、AOMEI Backupperなどで、ドライブイメージのバックアップを取ってから行うと失敗しても復元できるので安心です。その前にゴミ箱に入れて元に戻せば済むんですけどね。

Program Filesの古いフォルダも削除

対象フォルダ

C:\Program Files\Adobe

パソコンを再起動後、時間計測。

  アプリケーション
  起動時間




  Photoshop
  55秒（以前の最速47秒）


  Illustrator
  26秒（以前の最速24秒）


  Dreamweaver
  24秒（以前の最速24秒）


  Premiere Pro
  26秒（以前の最速19秒）

こちらは誤差の範囲で、特に効果なしでした。

グラフィックカードのドライバアップデート

NVIDIA GeForce 1050 Ti を搭載しているので、以下のページから最新ドライバをダウンロードしてアップデートしましたが、効果はありませんでした。

https://www.nvidia.co.jp/Download/index.aspx?lang=jp https://www.nvidia.co.jp/Download/index.aspx?lang=jp

アプリケーションを再インストールする

起動が一番遅いPhotoshopをアンインストールして、再度インストールしてみました。設定保持したアンインストール＆再インストールと、設定を削除したアンインストール＆再インストールを試してみました。

  アプリケーション
  起動時間




  Photoshop
  54秒（以前の最速47秒）

期待していたのですが、効果がありませんでした。

最終的に一番効果があった内容

やってみて効果があったのは以下の2つでした。

最速の起動時間

試してみて計測時間が最速だったのは以下です。

  アプリケーション
  起動時間




  Photoshop
  47秒


  Illustrator
  24秒


  Dreamweaver
  24秒


  Premiere Pro
  19秒

Photoshop以外は24秒という結果。Photoshopも以前は20秒台で起動していた記憶があります。また、改善方法が見つかれば追記していきます。

Creative Cloudの自動実行を停める（2021/04/29追記）

なんと！意外なところで爆速起動を取り戻すことに成功しました！Adobe系アプリケーションの起動を遅くしている原因は身内の**Creative Colud（Adobe Cloud Desktop）**の自動起動でした！これを停止したらアプリケーションの爆速起動ができるようになりました。

また、Windows10サインイン後のPC起動時のもたつきやスリープから復帰が遅かったのも解消できました！

行った手順

こちらの記事を参考にしてください。これを行うことで便利な自動更新が停止しますので、今後の更新は手動更新しなければなりません。その事をご留意の上、行ってください。

Adobe Creative Cloudの自動起動を停止したら、遅いWindows10の起動が速くなった

更に最速になった起動時間

  アプリケーション
  起動時間




  Photoshop
  **13秒**（以前の最速47秒）


  Illustrator
  **11秒**（以前の最速24秒）


  Dreamweaver
  **6秒**（以前の最速24秒）


  Premiere Pro
  **8秒**（以前の最速19秒）

どんだけ裏で重たいもんを動かしとるんか…って感じですね。でも、問題が解消でできてよかったです。

爆速を手に入れたい！気になるM.2 NVMe SSDのRAIDカード関連情報

Wed, 25 Nov 2020 22:22:24 +0900

コスパのいい『SSD RAID 0』の爆速環境が欲しい

私の使っているWindowsマシンは第4世代のIntel Core-i5のCPUとマザーボードはASRock製でIntel Z97チップセットが載った自作PCで、第10世代のCore-iシリーズのCPUが販売されている現在ではかなり古い世代のパソコンということになります。

システムディスクはPCIe 3.0 x4に接続したM.2/NVMeのSSDを使っています。ベンチマークではシーケンシャルリードで3,000MB/sは出ているので、遅くはないのですが、**『もっと速くしたい！』**という気持ちが抑えられません！

パソコンのスピードはCPUよりもストレージの速さが肝と思っています。いくらCPUが速くでも情報が届くスピードが遅いとCPUのスピードが活かせません。なので、多少CPUが古くてもストレージが速ければ速いと感じれます。CPUとストレージの両方が速いに越したことはないんですが、お金の都合もあるので、よりお金をかけず、今の環境も活かしながら**『コスパのいい爆速』**を手に入れたいと思い、とりあえず最近の情報を集めてみました。

PCIe3.0 x8対応アドインカード

チップセットが対応していればPCIeスロットに挿すだけで使えるカード

WD_BLACK AN1500 NVMe SSD Add-in-Card

PCIe 4.0ではなく、PCIe 3.0 の Z97チップセット環境でもバカっ速になるという、ちょっと気になっているWestern Digital（ウエスタンデジタル）のストレージカード。

M.2/NVMe SSDが2枚標準搭載されていてPCI Express 3.0 x8では最大6500MB/sの読み取り速度が出るというPCIeカード。

AMD RyzenなどPCIe 4.0対応のPCに組み替えるとしたら、CPU・M/B・メモリを10万円以上はかけて買い替えなければならない上に、更にPCIe 4.0対応のSSDも買ったら結構な金額になるところ、これであれば1TBモデルだと、普通にM.2/NVMeのSSD 500GBを2枚を買うのに近い金額で買え、小難しい設定不要で、挿すだけで爆速が手に入る。これはマジで欲しいかも。

※本当に欲しくて買ってみました（2021/05/22）→ 『WD_BLACK AN1500 1TBを買ってOSブートドライブとして使ってみた』

メーカー商品ページ

https://shop.westerndigital.com/ja-jp/products/internal-drives/wd-black-an1500-nvme-ssd#WDS100T1X0L-00AUJ0 https://shop.westerndigital.com/ja-jp/products/internal-drives/wd-black-an1500-nvme-ssd#WDS100T1X0L-00AUJ0

PCI Express 3.0 環境でも PCI Express 4.0 x4 並みのスピードが手に入る（PCIe 3.0 x8対応)
PCIe 4.0には対応していない
最大6500MB/sの読み取り速度と最大4100MB/sの書き込み速度（PCIe 3.0 x8の場合)
SSD×2枚が入って1TB 28,000円前後、2TB 56,000円前後、4TB 105,000円前後
5年保証
ブート可能
PCIeスロットに挿すだけで使用可能
カード内部でハードウェアRAID0が組まれているのでRAIDの設定が不要（RAID0以外の設定もできない）
Intelの古いチップセットでも使える（Z490/Z390/Z370/Z270/Z170/Z97）

※Z97とか、レーン数が少ないマザーボードはPCIe3.0 x16に挿したグラフフィックカードがx8駆動になってしまうので注意

https://akiba-pc.watch.impress.co.jp/docs/sp/1289908.html https://akiba-pc.watch.impress.co.jp/docs/sp/1289908.html

https://akiba-pc.watch.impress.co.jp/docs/news/news/1283218.html https://akiba-pc.watch.impress.co.jp/docs/news/news/1283218.html

https://jisakuhibi.jp/archives/1078120857.html https://jisakuhibi.jp/archives/1078120857.html

https://gigazine.net/news/20201121-wd-black-an1500/ https://gigazine.net/news/20201121-wd-black-an1500/

https://photo-studio9.com/wd_black-an1500/ https://photo-studio9.com/wd_black-an1500/

気になる点

Acronis True ImageのブートディスクからドライバなしでOSドライブのクローンコピーができるのか？

（※普通にできました！ 2021/05/15追記）
これを2枚挿して更にマザーボード上RAID0組んだりできるのか？（Z170以降でNVMe RAID対応だった場合）
中のSSDはPCIe 4.0対応なのか？

（※Western Digital SN730 PCIe Gen3 x4 でした 2021/05/23追記）
その中のSSDをもっと速いやつ載せ替えたらどうなるのか？

商品検索

PCIe4.0対応ソフトウェアRAIDカード

PCIeレーン分割ができるチップセット搭載マザーボードとCPUの環境でIntel VROCテクノロジやAMD RyzenなどNVMe RAIDを使ってRAIDを組むタイプ

ASRock「HYPER QUAD M.2 CARD」

メーカーページ

https://www.asrock.com/mb/spec/product.jp.asp?Model=HYPER%20QUAD%20M.2%20CARD https://www.asrock.com/mb/spec/product.jp.asp?Model=HYPER%20QUAD%20M.2%20CARD

PCIe 4.0 x16対応で4枚のM.2/NVMe SSDが挿せる
AMD TRX40/X399、Intel X299 プラットフォームに対応
Intel X299 プラットフォームとIntel SSDでVROC（Virtual RAID on CPU）に対応
Intel VROCテクノロジー使用でブートに対応
BIOSでx16 Mode」から「x4x4x4x4 Mode」に変更が必要
PCIeのレーン分割ができればASRock以外のM/Bでも使えるっぽい
6ピン12Vの電源が必要
実売14,000円前後
AMD RyzenのPCIe4.0環境ではRAID0で読込20GB/s、書込16.7GB/sくら出るらいい
最低でも1枚10,000円の500GBでPCIe4.0対応のSSD×4枚=40,000円が別途必要

https://ascii.jp/elem/000/004/006/4006697/amp/ https://ascii.jp/elem/000/004/006/4006697/amp/

https://blog.goo.ne.jp/amd64er/e/367f64b366ce76acdb5cfc01961910b9 https://blog.goo.ne.jp/amd64er/e/367f64b366ce76acdb5cfc01961910b9

気になる点

Z97チップセットのマザーボードでも使えるのか？
PCIe 3.0環境ではどのくらいのスピードが出るのか？

商品検索

ASUS『HYPER M.2 X16 GEN 4 Card』

メーカーページ

https://www.asus.com/jp/Motherboard-Accessories/HYPER-M-2-X16-GEN-4-CARD/ https://www.asus.com/jp/Motherboard-Accessories/HYPER-M-2-X16-GEN-4-CARD/

PCIe 4.0/3.0 x16に対応
4枚のM.2/NVMe SSDが挿せる
Intel VROCテクノロジー使用でブートに対応
インテル X299、Z390、Z370プラットフォームのRAID-on-CPU機能に対応
AMD TRX40とX570プラットフォームでPCIe 4.0 NVMe RAIDをサポート
BIOSでx16 Mode」から「x4x4x4x4 Mode」に変更が必要
実売8,000円前後

商品検索

ADWITS ASM2824 クアッドM.2 NVMe SSDアダプタ

http://heicyann.com/pc/20200218b/ http://heicyann.com/pc/20200218b/

https://doteya.at.webry.info/201912/article_2.html https://doteya.at.webry.info/201912/article_2.html

VROC（Virtual RAID on CPU）について

https://www.fanatic.co.jp/report/report-697/ https://www.fanatic.co.jp/report/report-697/

ハードウェアRAIDカード

HighPoint製「SSD7540」

メーカーページ

https://highpoint-tech.com/USA_new/series-ssd7540-overview.htm https://highpoint-tech.com/USA_new/series-ssd7540-overview.htm

実売14万円前後
PCIe Gen4対応のRAIDカード
NVMEのSSDを8枚搭載できる
レーン分割不要PCIe4.0 x16で使用
シーケンシャルリード28GB/s超え、書込不明
RAIDモード 0/1/10
UEFIでCSMの設定をUEFI Onlyにする必要あり
OSインストール時はドライバの読み込みが必要

https://akiba-pc.watch.impress.co.jp/docs/sp/1327992.html https://akiba-pc.watch.impress.co.jp/docs/sp/1327992.html

https://pc.watch.impress.co.jp/docs/news/1304843.html https://pc.watch.impress.co.jp/docs/news/1304843.html

商品検索

ハードウェアRAIDカード

HighPoint製「SSD7505」

メーカーページ

https://highpoint-tech.com/USA_new/series-ssd7505-overview.htm https://highpoint-tech.com/USA_new/series-ssd7505-overview.htm

実売9万円前後
PCIe Gen4対応のRAIDカード
NVMEのSSDを4枚搭載できる
レーン分割不要PCIe x16で使用
シーケンシャルリード25GB/s超え、書込18GB/s
UEFIでCSMの設定をUEFI Onlyにする必要あり
OSインストール時はドライバの読み込みが必要

https://akiba-pc.watch.impress.co.jp/docs/sp/1296662.html https://akiba-pc.watch.impress.co.jp/docs/sp/1296662.html

https://akiba-pc.watch.impress.co.jp/docs/news/news/1279/291/amp.index.html https://akiba-pc.watch.impress.co.jp/docs/news/news/1279/291/amp.index.html

https://jisakuhibi.jp/archives/1078145274.html https://jisakuhibi.jp/archives/1078145274.html

https://www.oliospec.com/shopdetail/000000009956/ https://www.oliospec.com/shopdetail/000000009956/

商品検索

Broadcom製「MegaRAID 9500」

メーカーページ

https://jp.broadcom.com/products/storage/raid-controllers/megaraid-9580-8i8e https://jp.broadcom.com/products/storage/raid-controllers/megaraid-9580-8i8e

実売14万円前後
PCIe 4.0 x8
32台のNVMeデバイスをサポート（SAS Expander等の拡張が必要）

https://akiba-pc.watch.impress.co.jp/docs/news/news/1258864.html https://akiba-pc.watch.impress.co.jp/docs/news/news/1258864.html

https://www.oliospec.com/shopdetail/000000009657/76/page1/order/ https://www.oliospec.com/shopdetail/000000009657/76/page1/order/

商品検索

http://blog.livedoor.jp/wisteriear/archives/1072652996.html http://blog.livedoor.jp/wisteriear/archives/1072652996.html

https://qiita.com/aketa/items/2672afb095c1d7c16c97 https://qiita.com/aketa/items/2672afb095c1d7c16c97

https://gigazine.net/news/20170928-raid-ryzen-threadripper/ https://gigazine.net/news/20170928-raid-ryzen-threadripper/

https://formula4910.blogspot.com/2019/09/vrocm2-ssd-raid_11.html?m=1 https://formula4910.blogspot.com/2019/09/vrocm2-ssd-raid_11.html?m=1

https://hexus.net/tech/reviews/storage/147162-wd-black-an1500-nvme-ssd-2tb/ https://hexus.net/tech/reviews/storage/147162-wd-black-an1500-nvme-ssd-2tb/

zenbackをGoogle Tag Managerで遅延読み込みさせる

Sun, 17 May 2020 17:23:37 +0900

ページ読み込みスピードを上げるために遅延させたい

最近では不要かもしれませんが、SEO対策の被リンク対応の一つとしてzenbackを導入しているのですが、これを導入することにより、zenbackウィジェットに必要なJSとかjQueryが降ってきます

//w.zenback.jp/v1/?base_uri=***
//w.zenback.jp/_p/js/jquery.min.js

ページの最下部に表示しているので、真っ先にzenbackを読み込む必要ながないので、いくつかのパターンで遅延させることができないかなと思いました。

画面スクロールされたら読み込み開始
ページ表示開始の数秒後に読み込み開始
zenbackが表示される部分が登場したら読込開始

これのどれか、または全部で遅延できる手段が何かないかなといろいろ探したら、Google Tag Manager で簡単にできることが分かったのメモ。

jQueryのLazy Loadとか、Javascriptで非同期や遅延読み込むする方法もありますが、Google Tag Manager を使う方法が最もシンプルで簡単でいいかもしれません。いろいろな条件でいろいろなタグを組み込めるので最近ハマっています。

Google Tag Managerで遅延表示させる方法

Google Tag Manager がどういう物かの説明は省きます。

1. 『新しいタグ』をクリック

2. タグを追加するため右上の鉛筆マークをクリック

3. 『カスタムHTML』を選択

4. zenbackのタグを貼り付ける

実際には以下のように改変して貼り付けています。``とJavascriptを分離して、Javascriptの部分だけを貼り付けています。

<!-- X:S ZenBackWidget -->
<script type="text/javascript">
 !function(d,i){
 if(!d.getElementById(i)){
 // オリジナル var r=Math.ceil((new Date()*1)*Math.random());
 var r = new Date();
 var r = ''+r.getFullYear()+('0'+r.getMonth()).slice(-2) ;  //randの値を年月（例 202005）にする 
 var j=d.createElement("script");
 j.id=i;
 j.async=true;j.src="//w.zenback.jp/v1/?base_uri=http%3A//qwerty.work&nsid=XXXXXXXXXXXXXXXXXX%3A%3AXXXXXXXXXXXXXXXXXXX&rand="+r;
 d.body.appendChild(j);}}(document,"zenback-widget-js");
 </script>
<!-- X:E ZenBackWidget -->

****はウィジェットを表示させる部分に記載します。**「document.writeをサポートする」や「詳細設定」**は特に設定しませんでした。

※ページ下部でも記載していますが、このタグが空のままだと失敗しますので、ご注意ください。

5. トリガーを追加するため鉛筆マークをクリック

6. 新しいトリガーを作成するので + マークをクリック

7. トリガーの名前を付けて鉛筆マークをクリック

8. 『要素の表示』を選択

10. 保存して閉じる

11. 『公開』ボタンをクリック

公開しないと設定しただけで終わるので注意。公開ボタンを押すとバージョン名を設定する画面に進みます。

12. バージョン名を設定して『公開』して完了

追加や変更があった場合、バージョン名を設定して公開ボタンを押さないと反映されません。私の場合。バージョン名は日付にしていますが、**『zenback追加』**とかここは何でもいいです。最後に『公開』ボタンを押したら作業は完了です。

ウィジェットが表示されないとき

最初、タグの登録が終わって、ページ表示テストをしたときzenbackのウィジェットが表示されませんでした。以下のページによると、要素（``）が空だと高さ判定で弾かれ、トリガーが発動しないみたいです。

https://jdash.info/archives/Google_Tag_Manager_Element_Visibility_Trigger_not_fire https://jdash.info/archives/Google_Tag_Manager_Element_Visibility_Trigger_not_fire

私の場合、仮にタグを以下のように「その他お知らせ」を追加したところうまく表示できました。

<div id="zenback-widget-loader"></div>

↓

<div id="zenback-widget-loader">その他お知らせ</div>

複数のトリガーを設定しておいた方がいいかも？

今回は参考にzenback-widget-loaderという要素が現れたら表示するようにしましたが、検索ロボットが来たときはどうなるだろう？という疑問が残りました。今回の場合、ページ下部までスクロールされれば表示されますが、スクロールされなければ表示されず無い物という扱いになうのではないかと思いました。

折角設置しているのに無い物扱いだと意味がないので、今回の**『要素の表示』と『タイマー』を組み合わせ**て、スクロールされなくても3～5秒後には強制表示みたいなことをしておけば安心かもしれません。

PageSpeed Insightsで100点が出た！！

これが効いたのかどうかわかりませんが、この記事を投稿した直後にPageSpeed Insightsで計測したら100点でした。マグレでも嬉しいです。

Braveなどでは表示されなくなるので注意！！

Google ChromeやEdgeでは問題ないのですが、Braveなどセキュリティ要素が強いブラウザではzenbackウィジェットが表示されなくなるので注意してください。Google Tag Managerのタグの書き方で回避できるかもしれませんが、それはまた今度探そうと思います。

AdSenseの広告を遅延表示させてスコア改善とページ表示スピードを高速化

Thu, 14 May 2020 23:39:54 +0900

AdSenseの表示を速くしたいのであえて遅延表示？！

AdSenseの広告を表示させるとどうしてもページの表示が遅くなります。広告の数が多いほど遅くなります。そのせいでGTmetrixやPageSpeed Insightsのスコアが悪くなります。なんとかページの読み込みと表示を速くしたいと、

DNS-PrefetchとかPreloadを使う
広告の数だけあったhttps://pagead2.googlesyndication.com/pagead/js/adsbygoogle.jsを一つだけにする
他のJSやCSSと一緒にまとめてasyncまたはdeferで読み込む

など、いろいろ試して少しはページ表示スピードやスコアがよくなったのですが、どうしても納得がいきませんでした。

そこで、いろいろ角度で調べていると、**『逆に遅延させるといい』**という方法を見つけました。以下にソースを貼っておきますが、効果ありました！PageSpeed Insightsでスコアが安定して90点以上出るようになりました。

↓ 遅延表示させたらスコアが上がった！

導入手順

ページのソース内にある ``をすべて削除
以下のスクリプトソースを``直前に貼る

adsbygoogle.jsを遅延読み込みするので、ページソース内に一つでも残っていると効果が無くなります。一つも見逃さないように削除してください。

スクリプトソース

ページが表示された後にマウス操作やページスクロールが行なわれたらAdSenseの広告の読み込みが始まるスクリプトですが、何もアクションがないと全く広告が表示されないので、参考にさせていただいたソースに少しを手をくわえ、何もアクションが無くても3秒後に表示を開始するようにしました。

40行目あたりのwindow.setTimeout(onLazyLoad,3000)がその部分にあたります。

ページ閲覧者の環境やサーバーの負荷状況にもよるとお思いますが、1～2秒の遅延はあまり効果がなく、3秒（3000ミリ秒）以上の設定で試したところ、安定していいスコアが出るようになりました。

<script type="text/javascript">
(function(window, document) {
  function main() {
    // GoogleAdSense読込み
    var ad = document.createElement('script');
    ad.type = 'text/javascript';
    ad.async = true;
    // 新コードの場合、サイト運営者IDを書き換えてコメントアウトを外す
    //ad.dataset.adClient = 'ca-pub-7180830494628299';
    ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
    var sc = document.getElementsByTagName('script')[0];
    sc.parentNode.insertBefore(ad, sc);
  }

  // 遅延読込み
  var lazyLoad = false;
  function onLazyLoad() {
    if (lazyLoad === false) {
      // 複数呼び出し回避 + イベント解除
      lazyLoad = true;
      window.removeEventListener('scroll', onLazyLoad);
      window.removeEventListener('mousemove', onLazyLoad);
      window.removeEventListener('mousedown', onLazyLoad);
      window.removeEventListener('touchstart', onLazyLoad);
      window.removeEventListener('keydown', onLazyLoad);
      main();
    }
  }
  window.addEventListener('scroll', onLazyLoad);
  window.addEventListener('mousemove', onLazyLoad);
  window.addEventListener('mousedown', onLazyLoad);
  window.addEventListener('touchstart', onLazyLoad);
  window.addEventListener('keydown', onLazyLoad);
  window.addEventListener('load', function() {
    // ドキュメント途中（更新時 or ページ内リンク）
    if (window.pageYOffset) {
      onLazyLoad();
    }
  //何もアクションがないときは指定秒数後に読み込み開始（ミリ秒）
  window.setTimeout(onLazyLoad,3000)
  });
})(window, document);
</script>
<!--/ Adsense 遅延読み込み -->

新コードと旧コードの見分け方

AdSenseの広告ユニットのコードの新旧は以下のような違いがあると、参考ページにはありました。それによって上記スクリプトの一部を変更する必要があるみたいです。

新コード例

<script data-ad-client="ca-pub-XXXXXXXXXXXXXXXX" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

旧コード例

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
  google_ad_client: 'ca-pub-XXXXXXXXXXXXXXXX',
  enable_page_level_ads: true
});
</script>

私の環境の場合

自動広告と手動広告の両方があり、以下の2種類のタグがありました。

//自動広告
<script data-ad-client="ca-pub-7180830494628299" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

//手動広告
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <ins class="adsbygoogle"
       style="display:block; text-align:center;"
       data-ad-layout="in-article"
       data-ad-format="fluid"
       data-ad-client="ca-pub-7180830494628299"
       data-ad-slot="4445374565"></ins>
  <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
  </script>

新コードなのか、旧コードなのかよくわからなかったのですが、広告タグにサイト運営者のIDに違いがあったので、

data-ad-client　→　新コード
google_ad_client　→　旧コード

と、見分ければいいのかな？と解釈しました。

どちらもdata-ad-clientしかないので新コードになるかと思われます。ですが、これをそれぞれ広告コードのdata-ad-clientを残したまま、src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"を削除して以下のようにしました。

//自動広告
<script data-ad-client="ca-pub-7180830494628299"></script>

//手動広告
  <ins class="adsbygoogle"
       style="display:block; text-align:center;"
       data-ad-layout="in-article"
       data-ad-format="fluid"
       data-ad-client="ca-pub-7180830494628299"
       data-ad-slot="4445374565"></ins>
  <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
  </script>

スクリプトソース中のad.dataset.adClient = 'ca-pub-7180830494628299';の部分はコメントアウトしました。自動/手動の広告タグもスクリプトソース中のサイト運営者IDが入っているので、私の環境の場合はスクリプトソース中のコメントアウトはどちらでもいい感じです。

参考ページ

今回のスクリプトの参考にさせていただいたサイト

https://www.bugbugnow.net/2019/05/GoogleAdSense-lazy-loading.html?m=1 https://www.bugbugnow.net/2019/05/GoogleAdSense-lazy-loading.html?m=1

https://www.bugbugnow.net/2019/05/onLazy.js.html https://www.bugbugnow.net/2019/05/onLazy.js.html

https://www.bugbugnow.net/2019/05/dynamically-read-adblock-decision.html https://www.bugbugnow.net/2019/05/dynamically-read-adblock-decision.html

https://m-drive.me/reminder/web/20191106-2094/ https://m-drive.me/reminder/web/20191106-2094/

似たようなスクリプトの参考サイト

https://nesla.info/pagespeed-insight-adsense-tag https://nesla.info/pagespeed-insight-adsense-tag

https://q-az.net/lazy-load-script/ https://q-az.net/lazy-load-script/

LazyLoadに関する他の参考サイト

https://webkaru.net/jquery-plugin/lazy-script/ https://webkaru.net/jquery-plugin/lazy-script/

https://alaki.co.jp/blog/?p=2527 https://alaki.co.jp/blog/?p=2527

Googleアドマネージャーを使っている場合の参考

https://marketing-gorilla.jp/posts/331 https://marketing-gorilla.jp/posts/331

あとは収益が上がるのか下がるのかが気になるところ

ここまでやってスコアは良くなりましたがAdsenseの収益にどう影響が出てくるのか気になるところ。スコアが高くなったから収益も上がって欲しいのですが、上がるとは限らず、逆に下がったら手を加えた意味がありません。当分、観察が必要です。

Chromium系のブラウザなら画像・Youtube動画の遅延読み込みができるらしい

Thu, 14 May 2020 22:45:45 +0900

loading=“lazy"の追加で遅延読み込みができる？！

WEBページの表示を高速するための手段としてよく使われる遅延表示（Lazyload）ですが、以下のサイトの情報によると、最近のGoogle Chromeや新しいEdgeなどのChromium系のブラウザならJavascriptを使わなくてもやYouTube動画の埋め込みコードに使われているにloading="lazy"を追加するだけ遅延表示ができるらいです。Firefoxも同じ使い方で遅延表示ができるみたいです。

https://magnets.jp/web_design/11505/ https://magnets.jp/web_design/11505/

最適なMTU値を調べるサイトと設定を変更するコマンドでネットワークを高速化（Windows10）

Wed, 04 Dec 2019 20:31:32 +0900

なぜか一部のサイトだけ開けない！

Windows10のPCで、他のサイトは見れるのに、一部サイトだけ見れないとか、開けても表示が遅いということがありました。原因はネットワークのMTUの設定がデフォルトの1500バイトのままだったことで、今回、パソコン側のMTU設定を変更することで解決できました。

MTUとは MTUとは、Maximum Transfer Unitの略で、ネットワーク機器（ホスト）が１度に送受信できる、IPヘッダを含めた最大サイズ（バイト数）で一度に送信可能なパケットのデータ量のことを表します。

最適なMTU値を知る方法

以下のサイトにアクセスするだけで、現在の通信環境における最適なMTU値を知ることができます。

SG TCP/IP Analyzer

https://www.speedguide.net/analyzer.php

表示された値は1454でした。公表されているMTU値と同じでした。つまり、ここで回線は1回あたり1454バイトを送受信する能力しかないなのに、パソコン側は1500バイトで送受信しようとしているということがわかりました。ちなみにうちの回線環境は『フレッツ光ネクスト』です。

ちなみに上記の赤字で書いてある部分の翻訳は以下の通りです。

MTU optimized for some PPPoE and PPPoA applications, also used with some VPN tunnels. If not, consider increasing your MTU to 1500 for better throughput. If you are using a router, it could be limiting your MTU regardless of Registry settings.

一部のPPPoEおよびPPPoAアプリケーション用に最適化されたMTU。一部のVPNトンネルでも使用されます。そうでない場合は、スループットを向上させるためにMTUを1500に増やすことを検討してください。ルーターを使用している場合、レジストリ設定に関係なくMTUが制限される可能性があります。現状、1500-1454=46バイト分がオーバーしている状態です。この端数が今回の原因だと思われます。

ただ、今回のような一部のページが見れないという不具合はあまり聞いたことがないので、ほとんどの場合、Windows側で自動調節されているので、こういった不具合はあまり出ていないのだと思います。そんな情報を見たことがあります。

回線業者各社のMTU値

日本のインターネット通信においてMTU値は1500が最も安定し、最速の設定だそうです。

  回線業者
  MTU値




  NURO光
  1500


  auひかり
  1492


  フレッツ光（v6プラス対応）
  1460


  フレッツ光
  1454

MTU値の変更が必要か調べる方法

コマンドプロンプトでMTUの値を指定してPINGコマンドを実行してパケットが断片しているかどうかを見れば、MTU値の変更が必要かどうかがわかります。断片化していればPC側のMTU値を変更することが必要になります。正常に応答があれば変更は不要です。

変更が必要な場合の例

以下のコマンドでヤフーに1500のパケットサイズでPINGを飛ばしてみた例です。

コマンド

ping /f /l 1500 www.yahoo.co.jp

「パケットの断片化が必要ですが、DFが設定されています。」と表示され、更に「損失=4」とありますので、MTU値の最適化が必要です。グーグル（www.google.co.jp）も同様でした。ちなみにDFとは、Don’t Fragmentの略で日本語だと『断片化しないで』という意味のようです。つまり、パケットの断片化が必要ですが、パケットを断片化しない設定になっているという意味っぽいです。よくわかりませんね。

変更値が1454で良いか確認する方法

SG TCP/IP Analyzerでは最適なMTU値が1454となっていましたが、本当かどうか確認するためには以下の計算式で出た値（設定するMTU値から28引いた値）でPING応答の状態を見ればわかります。

計算式

式 1454 - 20（IPヘッダ部） - 8（TCPヘッダ部） = 1426

1454からIPヘッダ部の20バイトと、TCPヘッダ部の8バイト、合計28バイトを引いた1426以下の数字でPINGを飛ばし、正常な応答があればMTUの値は1454でOKということになります。

逆に言えば、PINGの応答に成功した値に28を足した値をMTU値に設定すればよいということになります。

ちなみに、1427にしたところ、損失が出たのでMTU設定値は1426 + 28 =1454で間違いないということがわかります。

IPsecやL2TPなどのVPNを使用している場合

フレッツを使用している普通の家庭であれば上記のようにIPヘッダ部とTCPヘッダ部の28バイト分でPINGの応答が成功すると思いますが、IPsecなどのVPNが絡んでくるとカプセル化のデータが加わってくるので話は変わるみたいです。その場合のMTU値やヘッダ部のバイト数は以下のページが参考になります。

https://yabe.jp/gadgets/optimizing-mtu-mss/ https://yabe.jp/gadgets/optimizing-mtu-mss/

現在のMTUの設定値を確認する方法

コマンドプロンプトから以下のコマンドで、PCに設定されている現在のMTU値を知ることができます。

コマンド

netsh interface ipv4 show interface

MTUの値を変更する方法

いろいろなサイトを参考に、フレッツ光ネクスト隼は1454にしたほうがいいみたいなので、以下のコマンドで設定します。これを実行する際は、コマンドプロンプトを管理者として実行することが必要です。

コマンド

netsh interface ipv4 set interface 9 mtu=1454

私の環境ではIdxの番号が9でしたが、この番号はPCによって異なりますので、ご自分の環境に合わせて変更してください。

MTU値変更後の確認してみたところ、ちゃんと変更されていました。

無事解決

これで、見れなかったサイトが正常に表示されるようになり、表示が遅かったページはサクッと表示されるようになりました。

参考サイト

https://yabe.jp/gadgets/optimizing-mtu-mss/ https://yabe.jp/gadgets/optimizing-mtu-mss/

https://ch.nicovideo.jp/tyautyau007/blomaga/ar1250575 https://ch.nicovideo.jp/tyautyau007/blomaga/ar1250575

https://network.oreda.net/knowledge/mtu-mss.html https://network.oreda.net/knowledge/mtu-mss.html

便利なコマンドとバッチファイル

MTUを1500～1000まで自動でPINGを飛ばすコマンド

SG TCP/IP Analyzerに頼らず、手動でPINGを送信して最適なMTU値を割り出したいとき、何度もコマンドを打つのは面倒ですが、以下のコマンドを使えば楽にできます。

コマンド

for /l %i in (1500,-1,1000) do ping -w 1 -n 1 -f -l %i www.google.com >> %USERPROFILE%\Desktop\result.txt

このコマンドはパケットサイズが1500から-1ずつ1000になるまでwww.google.comに繰り返しPINGを送信するコマンドです。実行後はデスクトップにできるresult.txtに結果が出力されますので、**「応答」や「TTL」**の文字列を検索すれば、応答のあったMTU値がわかります。

MTU設定用バッチファイル

Windowsで簡単にMTU値を設定できるようにバッチファイルを作成してみました。バッチファイルを実行するときは『管理者として実行』してください。

@echo off

:STARTMENU
echo.
echo =================================
echo MTUの値の確認と設定変更をします。
echo =================================
echo [1] PINGでパケットの断片化が必要か確認する
echo [2] 現在のMTU値を確認する
echo [3] MTUの値を変更する
echo.

set /p MODE="モードを選択してください："

if %MODE% == 1 (
	goto PING
)else if %MODE% == 2 (
	goto SHOWMTU
)else if %MODE% == 3 (
	goto SETMTU
)
cls
goto STARTMENU

:PING
:: PINGコマンドでMTU設定値が有効かどうか確認
echo.
set /p PACKETSIZE="パケットサイズを指定してください（例）1500："
echo.
echo on
ping -f -l %PACKETSIZE% www.yahoo.co.jp
@echo off
echo.
goto STARTMENU

:SHOWMTU
:: 現在のMTU設定値を確認する
echo.
echo on
netsh interface ipv4 show interface
@echo off
echo.
goto STARTMENU

:SETMTU
:: MTUの値を変更
echo.
set /p IDX="Idxを指定してください："
echo.
set /p MTUSIZE="MTUサイズを指定してください（例）1200："
echo.
echo on
netsh interface ipv4 set interface %IDX% mtu=%MTUSIZE%
@echo off
echo.
goto SHOWMTU

exit

ダウンロード

このバッチファイルは以下のボタンからダウンロードできます。

MTUsetting.zip（約653byte）

VYOSを使用している場合

ルーターにVYOSを使用している場合、VYOS側でMTU値（MSS値）を設定することができます。これを行えば、VYOSを通過して通信する端末のMTU値はルーター側で調節されるため、端末ごとにMTU値を設定しなくて済みます。

この場合、VYOSにLAN側のインターフェースに対して以下のコマンドを追加すればOKです。

eth0（WAN側）/ eth1（LAN側）の場合

ここで設定する値はMTUではなく、MSS値1414（1454-20-20）

configure

set policy route PPPOE-IN rule 10 protocol 'tcp'
set policy route PPPOE-IN rule 10 set tcp-mss '1414'
set policy route PPPOE-IN rule 10 tcp flags 'SYN'

set interfaces ethernet eth1 policy route PPPOE-IN

commit
save

参考ページ

https://mikeda.hatenablog.com/entry/20121217/1355762337 https://mikeda.hatenablog.com/entry/20121217/1355762337

https://noontage.hateblo.jp/entry/2016/06/12/173348 https://noontage.hateblo.jp/entry/2016/06/12/173348

CloudflareがWEBサイトの表示が高速化されるプロトコル「HTTP/3」に対応した件

Mon, 07 Oct 2019 22:58:05 +0900

HTTP/3のサポート開始したCloudflare

2019/09/26CDNサービスを提供しているCloudflareがHTTP/2+QUICおよびHTTP/3のサポートを使用可能にしたそうです。WEBサイトの高速化を常に意識している自分としてはとても気になります。

https://blog.cloudflare.com/jp/http3-the-past-present-and-future-jp/ https://blog.cloudflare.com/jp/http3-the-past-present-and-future-jp/

https://blog.cloudflare.com/the-quicening/ https://blog.cloudflare.com/the-quicening/

現時点では本サイトも高速化を目的にCloudflareを使用しており、レンタルサーバーもスピードを売りにしていてHTTP/3にも対応している**『Mixhost』**を使用していますので、ダブルで対応していることは関係ないかもしれませんが更に高速化できるのではないかと期待しています。

HTTP/3とは？

https://ja.wikipedia.org/wiki/HTTP/3 https://ja.wikipedia.org/wiki/HTTP/3

https://www.infoq.com/jp/news/2020/03/http-3-status/ https://www.infoq.com/jp/news/2020/03/http-3-status/

他のニュース参考記事

https://headlines.yahoo.co.jp/hl?a=20190927-35143184-cnetj-sci https://headlines.yahoo.co.jp/hl?a=20190927-35143184-cnetj-sci

https://news.infoseek.co.jp/article/itmedia_news_20190927078/ https://news.infoseek.co.jp/article/itmedia_news_20190927078/

https://japan.cnet.com/article/35143184/ https://japan.cnet.com/article/35143184/

https://www.itmedia.co.jp/news/articles/1909/27/news078.html https://www.itmedia.co.jp/news/articles/1909/27/news078.html

https://www.atmarkit.co.jp/ait/articles/1909/30/news046.html https://www.atmarkit.co.jp/ait/articles/1909/30/news046.html

CloudflareでHTTP/3を有効にする方法

https://developers.cloudflare.com/http3/intro https://developers.cloudflare.com/http3/intro

Chrome CanaryでHTTP/3を試す方法

HTTP/3でWEBページが閲覧できているか試すにはブラウザがHTTP/3に対応していなければなりません。現時点でHTTP/3に対応したChrome Canaryをインストーして試すことができます。

Windows 10 64bit版の Chrome Canary をダウンロード
インストールして以下のパスでChromeを起動

"C:\Users\Name\AppData\Local\Google\Chrome SxS\Application\chrome.exe" --enable-quic --quic-version=h3-23

  ※Nameの部分はユーザ名に入れ替えてください。

アドレスバーに以下を入力してEnter

chrome://flags/#enable-quic

「Experimental QUIC protocol」 をEnable（有効）にする

※以下のサイトでは「support for HTTP/3 (QUIC)」とありましたが、そのようなこ項目は見当たりませんでした。

- F12を押して適当なサイトを表示したときにNetworkタブを開き、Protocolの列を表示したときに **http/2+quic/99** の表示があれば **HTTP/3** でアクセスできています。

https://community.cloudflare.com/t/http-3-quic-not-detectable-in-chrome-canary-with-enable-quic-quic-version-h3-23/117812 https://community.cloudflare.com/t/http-3-quic-not-detectable-in-chrome-canary-with-enable-quic-quic-version-h3-23/117812

【追記】HTTP/3 と HTTP/2 のパフォーマンスの比較

CloudFlareのブログにて2020/04/14時点でのパフォーマンスの比較が掲載されていました。

https://blog.cloudflare.com/http-3-vs-http-2/ https://blog.cloudflare.com/http-3-vs-http-2/

またClodflareに限らずWEB全体でHTTP/3のシェアも増えてきているようです。

https://news.mynavi.jp/article/20200609-1051017/ https://news.mynavi.jp/article/20200609-1051017/

HTTP/3の対応をオンライン上で確認できるサービス

WEBサイトがHTTP/3に対応しているかURLを入力してチェックできるサイトです。

https://www.http3check.net/ https://www.http3check.net/

https://gf.dev/http3-test https://gf.dev/http3-test

Font-Awesome 5を使うときのPageSpeed Insights「ウェブフォント読み込み中の全テキストの表示」対策

Sun, 03 Mar 2019 22:06:49 +0900

Pagespeed Insightsでフォントの代替表示を求められた

ページ装飾のアクセントにアイコンフォントとしてFont-Awesome 5 のフォントをCDN経由で読み込んで使用しているのですが、Pagespeed Insightsでページの分析をした際、以下のような改善案が表示されました。

ウェブフォント読み込み中の全テキストの表示

フォント表示の CSS 機能を使用して、ウェブフォントの読み込み中にユーザーがテキストを見られるようにしてください。この改善案に対して、どうのような対策を採ればいいのか調べたとことCSSに**@font-face**の設定を加えればいいみたいなので、やってみたことをメモ。

３つのフォントファイルに対して対策が必要

Font-Awesome 5（Free）を以下のコードで読み込んでいるのですが、ページを表示する際に以下の3つのフォントファイルがFont-Awesome 5のスタイルシートから読み込まれます。その３つのフォントに対して代替表示の対策をしなければなりません。

Font-Awesome 5（Free）の読み込みコード

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/css/all.min.css">

上記のスタイルシートから読み込まれるフォントファイル

この３つに対して対策が必要。

fa-brands-400.woff2
fa-regular-400.woff2
fa-solid-900.woff2

スタイルシートに@font-faceを追加して解決

ページのスタイルシートに以下のコードを追記することで解決できました。@font-faceに３つのフォントファイルを指定。

@font-face {
     font-family: 'Font Awesome 5 Brands';
     font-style: normal;
     font-weight: 400;
     src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-brands-400.woff2") format("woff2");
     font-display: swap;
 }

 @font-face {
     font-family: 'Font Awesome 5 Free';
     font-style: normal;
     font-weight: 900;
     src:url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-regular-400.woff2") format("woff2"),
         url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-solid-900.woff2") format("woff2");
     font-display: swap;
 }

診断に合格

スタイルシートに**@font-faceを加えた後に、再度Pagespeed Insightsでページを分析したら無事合格しました。「診断」の欄から「合格した監査」**の欄に移動していました。

@font-faceでFont-Awesome 5を指定するときはfont-weightに注意

FontAwesome5を使うときは必ず font-weight:400; または font-weight:900; を指定しないとうまくいきません。font-weight:normal;とか使うとダメです。

また、ブラウザによっては**@font-face**に対応していないブラウザがあります。

https://caniuse.com/#search=font-display https://caniuse.com/#search=font-display

ついでに「Preload」や「Prefetch」で高速化

対策ついでに以下のコードを～間に入れておくことでページを読み込む間（レンダリングが開始される前）にWEBフォントを事前に読み込んでおくことができます。多少の高速化が図れます。

Preloadだけでもいいのですが、Preloadは一部のブラウザが対応していないので、幅広く対応しているPrefetchと併用しています。

<link rel="preload prefetch" as="font" type="font/woff2" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-brands-400.woff2" crossorigin>
<link rel="preload prefetch" as="font" type="font/woff2" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-regular-400.woff2" crossorigin>
<link rel="preload prefetch" as="font" type="font/woff2" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-solid-900.woff2" crossorigin>

参考にしたページ

https://pavelmakhov.com/2018/04/font-awesome-5-in-gwt/ https://pavelmakhov.com/2018/04/font-awesome-5-in-gwt/

https://coliss.com/articles/build-websites/operation/css/about-font-display.html https://coliss.com/articles/build-websites/operation/css/about-font-display.html

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=ja https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=ja

https://qiita.com/oreo/items/2e82bfeb42e351557c3c https://qiita.com/oreo/items/2e82bfeb42e351557c3c

後日再発

解決したつもりが後日またPageSpeed Insightsで「ウェブフォント読み込み中の全テキストの表示」について警告が出ました。

all.cssを改造して読込

Font-Awesome 5 の** all.css** をCDNからの読み込みではなくローカルに置き、一部を以下のように変更しました。all.cssの最下位部分にあります。2パターンで試したところ、どちらでも警告が出ないようになりました。

パターン1 font-display: Auto;をswapに変更し**、意味はわかりませんがlocal("@")**を挿入し、urlはCDNのパスに変更してしています。

@font-face {
   font-family: 'Font Awesome 5 Brands';
   font-style: normal;
   font-weight: normal;
   font-display: swap;
   src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.eot");
   src: local("@"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.woff") format("woff"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.ttf") format("truetype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
   
.fab {
   font-family: 'Font Awesome 5 Brands'; }
   @font-face {
   font-family: 'Font Awesome 5 Free';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.eot");
   src: local("@"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.woff") format("woff"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.ttf") format("truetype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
   
.far {
   font-family: 'Font Awesome 5 Free';
   font-weight: 400; }
   @font-face {
   font-family: 'Font Awesome 5 Free';
   font-style: normal;
   font-weight: 900;
   font-display: swap;
   src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.eot");
   src: local("@"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.woff") format("woff"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.ttf") format("truetype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

パターン2 パターン1との違いはlocalのパスの部分です。

@font-face {
 font-family: 'Font Awesome 5 Brands';
 font-style: normal;
 font-weight: normal;
 font-display: swap;
 src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.eot");
 src: local("/webfont/fontawesome-free-5.11.2/package/webfonts/fa-brands-400.woff2") , url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.woff") format("woff"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.ttf") format("truetype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
 
.fab {
   font-family: 'Font Awesome 5 Brands'; }
   @font-face {
   font-family: 'Font Awesome 5 Free';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.eot");
   src: local("/webfont/fontawesome-free-5.11.2/package/webfonts/fa-regular-400.woff2"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.woff") format("woff"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.ttf") format("truetype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
   
.far {
   font-family: 'Font Awesome 5 Free';
   font-weight: 400; }
   @font-face {
   font-family: 'Font Awesome 5 Free';
   font-style: normal;
   font-weight: 900;
   font-display: swap;
   src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.eot");
   src: local("/webfont/fontawesome-free-5.11.2/package/webfonts/fa-solid-900.woff2"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.woff") format("woff"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.ttf") format("truetype"), url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.11.2/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

サイト表示の高速化にDNS-Prefetch,Preconnect,Prefetch,Prerender,Preloadを試す

Sun, 03 Feb 2019 22:00:00 +0900

サイトの表示が遅いので、表示スピードを高速化する試行錯誤したり、他に方法はないかと調べていたら**「Resource Hints（リソースヒント）」**というのにたどり着きました。

Resource Hintsとは

DNS-Prefetch　…　DNSルックアップで名前解決を事前に行う
Preconnect　…　DNSルックアップと同時に事前接続をしておく
Prefetch　…　JSやCSSを先読みして取得（Preloadというのもある）
Prerender　…　次に表示しそうなページを事前にレンダリングしておく

というものらしく以下のように**～の間に書いておき、ページにアクセスがあったらページの表示と同時にAdSenseとかZenback**とか外部サイトの情報を事前に取得しておき、表示するときは予め取得しているので表示がサクッと済むというもののようです。

これを使えば速くなる？

実際に使ってみて結論から言うと、効果は大なり小なりありました。特にPrefetchはFont-Aewsomeのフォントや**、jQuery.js**、AdSense、Zenbackなどを使っている場合、あらかじめ使用する静的なJSやCSSがわかっている場合に限られますが、ページのHTMLを読み込んでいる間にそれらを事前に読み込むので、GTmetrixのWarerfallやChromeのNetworkタブでダウンロードの流れを見ると、同時並行でダウンロードしているのがわかります。

Resource Hints 使用前

GTmetrixのWarerfall

Resource Hints 使用後

GTmetrixのWarerfall

DNS-PrefetchとPreconnectもDNSルックアップやConnectingを事前に終わらせることができるので、指定したコンテンツの読み込み時間は0msにすることができました。

Resource Hintsに関する参考ページ

https://qiita.com/ryo_hisano/items/e525616e5026b015aafe https://qiita.com/ryo_hisano/items/e525616e5026b015aafe

https://blog.jxck.io/entries/2016-02-11/resource-hints.html https://blog.jxck.io/entries/2016-02-11/resource-hints.html

https://www.keycdn.com/blog/resource-hints https://www.keycdn.com/blog/resource-hints

https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf

https://developers.google.com/web/tools/lighthouse/audits/preload https://developers.google.com/web/tools/lighthouse/audits/preload

Prefetchに関する参考ページ

https://qiita.com/ShinyaOkazawa/items/f95788c67114d0360e40 https://qiita.com/ShinyaOkazawa/items/f95788c67114d0360e40

https://qiita.com/ryouhei156/items/c44a5e2f89fcffe0bd34 https://qiita.com/ryouhei156/items/c44a5e2f89fcffe0bd34

Preloadというのもある

Preloadは事前取得という意味ではPrefetchと同様の機能ですが違いがあります。これがまたスゴイ機能で対応しているブラウザだとかなり威力を発揮します。

Prefetch　…　ナビゲーションの前に動作する。
Preload　…　ナビゲーションが行われた後に動作する。

Preloadに関する参考ページ

https://blog.jxck.io/entries/2016-03-04/preload.html https://blog.jxck.io/entries/2016-03-04/preload.html

ブラウザの対応状況

投稿時点の主なブラウザの対応状況。この時点での最新バージョンによるものです。

  Resource Hints
  IE
  Edge
  Chrome
  Firefox
  Opera
  Safari
  Safari(iOS)
  Android
   




  DNS-Prefetch
  〇
  〇
  〇
  〇
  〇
  〇
  不明
  不明
  [参照](https://caniuse.com/#search=DNS-Prefetch)


  Preconnect
  ×
  △
  〇
  〇
  〇
  〇
  〇
  〇
  [参照](https://caniuse.com/#search=Preconnect)


  Prefetch
  〇
  〇
  〇
  〇
  〇
  ×
  ×
  〇
  [参照](https://caniuse.com/#search=Prefetch)


  Prerender
  〇
  ×
  〇
  ×
  〇
  ×
  ×
  ×
  [参照](https://caniuse.com/#search=Prerender)


  Preload
  ×
  △
  〇
  〇
  〇
  〇
  〇
  〇
  [参照](https://caniuse.com/#search=preload)

上記の対応状況は以下のページで確認しています。「参照」をクリックすると各Resource Hintsの対応状況が見れます。

https://caniuse.com/#search=DNS-Prefetch https://caniuse.com/#search=DNS-Prefetch

多用しすぎると評価が悪くなる？

高速化できる反面、多用しすぎるとスコアが悪くなりました。どのページにも共通して使用しているCSSやJSとJPEG・PNG・GIFなどの画像もPrefetchで先読みすると、速度は速くなってもスコアが悪くなりました。

たまたまかもしれませんが、GTmetrixで**「A」または「B」だった評価が「C」とか「D」に…。Google Speed Insightでも「97」から「65」**に…。

Resource Hints 使用前

Resource Hints 使用後

とにかく先読みできるものは全部先読みするようしたらスコアが悪くなりました。AdsenseやZenbackなどを使っているとあらゆるものが降ってくるので、そのせいかもしれませんが…。

よって、多用するのはDNS-PrefetchとPrecennectくらいにして、Prefetchは最低限のものだけの使用にした方がいいと思われます。それでもページ表示のスピードはあまり差がありませんでした。

スコアが悪くなった時のソース

とにかく他のページと共通するものは全部詰め込みました。jQuery、Font-Awesome、AdSense、Zenbackとか、スタイルシートも画像も。

<meta http-equiv="x-dns-prefetch-control" content="on">
  <link rel="preconnect dns-prefetch" href="//qwerty.work">
  <link rel="preconnect dns-prefetch" href="//ajax.cloudflare.com">
  <link rel="preconnect dns-prefetch" href="//cdnjs.cloudflare.com">
  <link rel="preconnect dns-prefetch" href="//cdn.jsdelivr.net">
  <link rel="preconnect dns-prefetch" href="//pagead2.googlesyndication.com" >
  <link rel="preconnect dns-prefetch" href="//cse.google.com">
  <link rel="preconnect dns-prefetch" href="//www.google-analytics.com">
  <link rel="preconnect dns-prefetch" href="//w.zenback.jp">
  <link rel="preconnect dns-prefetch" href="//graph.facebook.com">
  <link rel="preconnect dns-prefetch" href="//b.haena.ne.jp">
  <link rel="preconnect dns-prefetch" href="//jsoon.digitiminimi.com">
  <link rel="preconnect dns-prefetch" href="//widgets.getpocket.com">
<br>
  <link rel="dns-prefetch" href="//adservice.google.com">
  <link rel="dns-prefetch" href="//googleads.g.doubleclick.net">
  <link rel="dns-prefetch" href="//www.google.com">
  <link rel="dns-prefetch" href="//www.googleapis.com">
  <link rel="dns-prefetch" href="//www.googletagservices.com">
  <link rel="dns-prefetch" href="//csi.gstatic.com">
  <link rel="dns-prefetch" href="//s.wordpress.com"><br>
  <link rel="preload prefetch" as="style" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/css/all.min.css">
  <link rel="preload prefetch" as="font" type="font/woff2" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-brands-400.woff2" crossorigin>
  <link rel="preload prefetch" as="font" type="font/woff2" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-regular-400.woff2" crossorigin>
  <link rel="preload prefetch" as="font" type="font/woff2" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-solid-900.woff2" crossorigin>
  <link rel="preload prefetch" as="script" href="//w.zenback.jp/_p/js/jquery.min.js">
  <link rel="preload prefetch" as="script" href="/include/function/fetch_sns_count.js"><br>
  <link rel="prefetch" as="style" href="/blog/styles.css">
  <link rel="prefetch" as="style" href="//cdn.jsdelivr.net/npm/purecss@1.0.0/build/tables-min.css">
  <link rel="prefetch" as="style" href="//cdn.jsdelivr.net/npm/@tehnoskarb/slimbox2@2.0.5/css/slimbox2.css">
  <link rel="prefetch" as="style" href="//cdn.jsdelivr.net/npm/@gerhobbelt/keyscss@1.1.3-6/keys.css">
  <link rel="prefetch" as="style" href="//www.google.com/cse/static/style/look/v2/default.css"><br>
  <link rel="prefetch" as="script" href="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
  <link rel="prefetch" as="script" href="//adservice.google.com/adsid/integrator.js?domain=qwerty.work">
  <link rel="prefetch" as="script" href="//cse.google.com/adsense/search/async-ads.js">
  <link rel="prefetch" as="script" href="//cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCore.min.css">
  <link rel="prefetch" as="script" href="//cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCoreRDark.min.css">
  <link rel="prefetch" as="script" href="//cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js">
  <link rel="prefetch" as="script" href="//cdn.jsdelivr.net/npm/jquery@1.11.0/dist/jquery.min.js">
  <link rel="prefetch" as="script" href="//jsoon.digitiminimi.com/js/widgetoon.js"> <br>
  <link rel="prefetch" as="script" href="//www.google-analytics.com/analytics.js">
  <link rel="prefetch" as="script" href="//cdn.jsdelivr.net/npm/@tehnoskarb/slimbox2@2.0.5/js/autoload.js">
  <link rel="prefetch" as="script" href="//cdn.jsdelivr.net/npm/@tehnoskarb/slimbox2@2.0.5/js/slimbox2.js">
  <link rel="prefetch" as="script" href="//cdn.jsdelivr.net/npm/echo-js@1.7.3/dist/echo.min.js">
  <link rel="prefetch" as="script" href="//cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shAutoloader.min.js">
  <link rel="prefetch" as="script" href="//cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.min.js">
  <link rel="prefetch" as="script" href="/blog/main.js"><br>
  <link rel="prefetch" as="image" href="/loading.gif">
  <link rel="prefetch" as="image" href="/blog/images/default-userpic-90.jpg">
  <link rel="prefetch" as="image" href="/blog/images/prof_own.png">
  <link rel="prefetch" as="image" href="/blog/images/noimage-300.png">
  <link rel="prefetch" as="image" href="/blog/images/icon-follow-facebook.png">
  <link rel="prefetch" as="image" href="/blog/images/icon-follow-twitter.png">
  <link rel="prefetch" as="image" href="/blog/images/icon-follow-feedly.png">

最終的に最低限に絞ったソース

とりあえず、PrefetchはFont-AwesomeのCSSをCDNから読み込むときにバックグラウンドで落ちてくるWEBフォント（woff2）とZenbackのJSから落ちてくるjquery.min.****jsのみにしておきました。これ少し評価スコアは戻りました。

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="preconnect dns-prefetch" href="//qwerty.work">
<link rel="preconnect dns-prefetch" href="//ajax.cloudflare.com">
<link rel="preconnect dns-prefetch" href="//cdnjs.cloudflare.com">
<link rel="preconnect dns-prefetch" href="//cdn.jsdelivr.net">
<link rel="preconnect dns-prefetch" href="//pagead2.googlesyndication.com" >
<link rel="preconnect dns-prefetch" href="//cse.google.com">
<link rel="preconnect dns-prefetch" href="//www.google-analytics.com">
<link rel="preconnect dns-prefetch" href="//w.zenback.jp">
<link rel="preconnect dns-prefetch" href="//jsoon.digitiminimi.com">
<link rel="preconnect dns-prefetch" href="//graph.facebook.com">
<link rel="preconnect dns-prefetch" href="//b.haena.ne.jp">
<link rel="preconnect dns-prefetch" href="//widgets.getpocket.com">
<br>
<link rel="dns-prefetch" href="//adservice.google.com">
<link rel="dns-prefetch" href="//adservice.google.co.jp">
<link rel="dns-prefetch" href="//googleads.g.doubleclick.net">
<link rel="dns-prefetch" href="//tpc.googlesyndication.com">
<link rel="dns-prefetch" href="//clients1.google.com">
<link rel="dns-prefetch" href="//www.google.com">
<link rel="dns-prefetch" href="//www.googleapis.com">
<link rel="dns-prefetch" href="//www.googletagservices.com">
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link rel="dns-prefetch" href="//csi.gstatic.com">
<link rel="dns-prefetch" href="//s.wordpress.com">
<br>
<link rel="preload prefetch" as="font" type="font/woff2" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-brands-400.woff2" crossorigin>
<link rel="preload prefetch" as="font" type="font/woff2" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-regular-400.woff2" crossorigin>
<link rel="preload prefetch" as="font" type="font/woff2" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/webfonts/fa-solid-900.woff2" crossorigin>
<link rel="preload prefetch" as="script" href="//w.zenback.jp/_p/js/jquery.min.js">

IEでは使えないPreload対策

既に開発が終了しているIE11ではPreloadが使えません。Preloadで指定したCSSを非同期で読み込ませたい場合の対策は以下のようにすればいいみたいです。onload=“this.rel=‘stylesheet’“を加えます。

<link rel="preload" as="style" href="/index.css" onload="this.rel='stylesheet'">

複数のCSSをまとめて指定したい場合は以下のようにすればいいようです。

<link rel="preload" as="style" href="css/style.css"/><span class="brush:xml;">
<link rel="preload" as="style" href="//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.6.3/css/all.min.css">
</span><script>
	$('link[as = "style"]').attr('rel','stylesheet');
</script>

参考ページ

https://gist.github.com/tamaina/73ccf1f807bb4531c069da43112bd61c https://gist.github.com/tamaina/73ccf1f807bb4531c069da43112bd61c

https://qiita.com/memolog/items/a8fb8b39b840adca4d89 https://qiita.com/memolog/items/a8fb8b39b840adca4d89

大幅な高速化はできないけど効果あり

結局、、GTmetrixとGoogle Speed Insightの評価はResource Hintsを使用する前より悪くなりましたが、onload時間は以前よりたったの100ms前後ですが速くなった気がします。

WEBPAGETESTでは**「A」と「B」**の評価で割といい感じでした。

劇的なスピードアップはできませんが、効果はあるということで高速化の手段としては使えることがわかりました。

その他参考ページ

http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/boostup-socials-with-dns-prefetch/ http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/boostup-socials-with-dns-prefetch/

http://tokkono.cute.coocan.jp/demo/prefetch/?page=2 http://tokkono.cute.coocan.jp/demo/prefetch/?page=2

https://qiita.com/suzunone/items/55277b99893b2a6cf353 https://qiita.com/suzunone/items/55277b99893b2a6cf353

MixhostではMovable Typeを高速化するためのCache::Memcachedは使えない？

Fri, 15 Jun 2018 00:31:56 +0900

速いレンタルサーバーの Mixhost で Movable Type をもっと高速化しようと Cache::Memcached を入れてみようとしましたが、やり方が悪いのか？そもそもできないのか？今後のためにやってみたことをメモ。

設定したこと

Cache::Memcached をインストール

Mixhostの管理画面 [cPanel]-[ソフトウェア]-[Perlモジュール] から Cache::Memcached をインストールします。

mt-config.cgi で有効化

mtフォルダにある mt-config.cgi を開き、以下の2行を追加して Cache::Memcached を有効にします。

MemcachedServers 127.0.0.1:11211
MemcachedDriver Cache::Memcached

ちなみに、Cache::Memcached の互換モジュールは複数存在していますが、その一つでより高速な Cache::Memcached::Fast を試しにインストールして MemcachedDriver に指定しましたが、有効になりませんでした。

システム情報で確認

以下にアクセスすると Movable Type の管理画面の [ツール]-[システム情報] が開きます。

mt.cgi?__mode=tools&blog_id=0

ここに**「利用不可」**と表示されました。残念です。

Memcacheの状態: Memcacheは設定済みです。 Memcacheサーバーは利用不可です。他に方法が見つかれば、挑戦したいと思います。

Citrix Recieverを事前起動させるレジストリEnablePreLaunchのメモ（Windows）

Sun, 06 May 2018 23:00:38 +0900

StoreFrontからのXenAppの公開アプリをサクッと起動できないかCitrix Receiverの高速化についていろいろ調べているうちに事前起動（PreLaunch）を設定するレジストリがあることを知りました。効果があるどうかは試していませんが参考にメモ。

EnablePreLaunchをtrueにする

HKEY_LOCAL_MACHINE側の設定

EnablePreLaunchの値をデフォルトは空（null)からTrueに変更することで事前起動が有効になります。

  キー
  HKEY_LOCAL_MACHINE\Software\[Wow6432Node\]Citrix\Dazzle


  名前
  EnablePreLaunch


  種類
  REG_SZ


  データ
  true（デフォルト値はnull）

このレジストリは以下のようにインストーラーのパスにパラメーターとしてENABLEPRELAUNCH=Trueを加えておくことで、インストールと同時にレジストリを登録することができます。

（例）C:\CitrixReceiver.exe /silent ENABLEPRELAUNCH=True /EnableCEIP=false /includeSSON

※コマンドからインストールする際は管理者としてコマンドプロンプトを起動してからコマンドを実行してください。ユーザー権限でもインストールできますが、管理者権限でインストールしないとシングルサインオン（includeSSON）などが有効になりません。他にもパラメーターを指定していても有効になっていない機能があるかもしれません。

HKEY_CURRENT_USER側にも設定する場合

HKEY_LOCAL_MACHINE（PC全体）の設定とは異なる設定をユーザー単位で行う場合に設定します。ユーザー単位では指定する必要がない場合は設定不要です。

  キー
  HKEY_CURRENT_USER\Software\Citrix\Dazzle


  名前
  EnablePreLaunch


  種類
  REG_SZ


  データ
  true（デフォルト値はnull）

Prelaunchにレジストリを登録

HKEY_LOCAL_MACHINE側の設定

HKEY_CURRENT_USER側でStateとScheduleは指定できますが、こちらの以下3つの設定は絶対に必要です。

UserOverrideの指定 HKEY_LOCAL_MACHINEとHKEY_CURRENT_USERにある値（StateとSchedule）のどちらの設定を優先するかを指定します。

  キー
  HKEY_LOCAL_MACHINE\Software\[Wow6432Node\]Citrix\ICA Client\Prelaunch


  名前
  UserOverride


  種類
  REG_SZ


  データ
  0：HKEY_LOCAL_MACHINEの値を使用（HKEY_CURRENT_USERに値が存在しても無視）

    1：HKEY_CURRENT_USERの値を使用（HKEY_CURRENT_USER側の値が存在しない場合は、HKEY_LOCAL_MACHINEの値を使用する）

Stateの指定事前起動を即時有効かスケージュールで予定した曜日や時刻で有効にするか、無効にするかを指定します。

  キー
  HKEY_LOCAL_MACHINE\Software\[Wow6432Node\]Citrix\ICA Client\Prelaunch


  名前
  State


  種類
  REG_SZ


  データ
  0： 事前起動を無効にする

  1： 即時事前起動を有効にする（ユーザーの資格情報が認証されると事前起動開始）

  2 ：予定事前起動を有効にする（Schedule値に指定した時刻に事前起動開始）

Scheduleの指定 Stateの値を2（予定事前起動）にした場合に必要です。それ以外は空白のままにします。

  キー
  HKEY_LOCAL_MACHINE\Software\[Wow6432Node\]Citrix\ICA Client\Prelaunch


  名前
  Schedule


  種類
  REG_SZ


  データ
  HH:MM|
    M:T:W:TH:F:S:SU

    （HHは時、MMは分、M:T:W:TH:F:S:SUは曜日で、例として月水金の13:45と指定する場合は13:45|1:0:1:0:1:0:0となります。デフォルト値はnull）

HKEY_CURRENT_USER側の設定

以下2つをHKEY_LOCAL_MACHINE（PC全体）とは別にユーザー単位で設定する場合は指定が必要です。

Stateの指定事前起動を即時有効かスケージュールで予定した曜日や時刻で有効にするか、無効にするかを指定します。

  キー
  HKEY_CURRENT_USER\Software\[Wow6432Node\]Citrix\ICA Client\Prelaunch


  名前
  State


  種類
  REG_SZ


  データ
  0： 事前起動を無効にする

    1： 即時事前起動を有効にする（ユーザーの資格情報が認証されると事前起動開始）

  2 ：予定事前起動を有効にする（Schedule値に指定した時刻に事前起動開始）

Scheduleの指定 Stateの値を2（予定事前起動）にした場合に必要です。それ以外は空白のままにします。

  キー
  HKEY_CURRENT_USER\Software\[Wow6432Node\]Citrix\ICA Client\Prelaunch


  名前
  Schedule


  種類
  REG_SZ


  データ
  HH:MM|
    M:T:W:TH:F:S:SU

    （HHは時、MMは分、M:T:W:TH:F:S:SUは曜日で、例として月水金の13:45と指定する場合は13:45|1:0:1:0:1:0:0となります。デフォルト値はnull）

レジストリをコマンドで登録するバッチファイル例

上記のレジストリをレジストリエディタを開かずにサクッと登録するバッチファイル（コマンド）の例です。

reg add HKLM\Software\Wow6432Node\Citrix\Dazzle /v EnablePreLaunch /t REG_SZ /d true /f
reg add HKLM\Software\Wow6432Node\Citrix\ICA Client\Prelaunch /v UserOverride /t REG_SZ /d 1 /f
reg add HKLM\Software\Wow6432Node\Citrix\ICA Client\Prelaunch /v State /t REG_SZ /d 1 /f
pause

参考

https://docs.citrix.com/ja-jp/receiver/windows/current-release/optimize/session-prelaunch.html https://docs.citrix.com/ja-jp/receiver/windows/current-release/optimize/session-prelaunch.html

複数のSNSボタンのJavascriptをスッキリまとめて高速化

Mon, 12 Mar 2018 21:03:38 +0900

Facebool、Twitter、Google+、はてなブックマーク、Pocket、LINEなどのSNSボタンをページに設置する際、SNSそれぞれのJavascriptコードが必要ですが、複数あるのでページのソースがごちゃごちゃになります。

それを簡潔なjavascriptコードでコンパクトにする方法を見つけたのでメモ。

コードをまとめることによって重複コードがなくなり、ソースの文字数が減るのでページ表示の高速化になるかと思います。

まとめた場合のコード

コードはページのどこに書いてもいいのですが、の直前に書くほうがページ表示の高速化につながります。

<script type="text/javascript">
	(function(w,d){
		w.___gcfg={lang:"ja"};
		var s,e = d.getElementsByTagName("script")[0],
		a=function(u,f){if(!d.getElementById(f)){s=d.createElement("script");
		s.src=u;s.async=true;if(f){s.id=f;}e.parentNode.insertBefore(s,e);}};
		a("//connect.facebook.net/ja_JP/all.js#xfbml=1","facebook-jssdk");
		a("//platform.twitter.com/widgets.js","twitter-wjs");
		a("https://apis.google.com/js/plusone.js");
		a("//b.st-hatena.com/js/bookmark_button.js");
		a("https://widgets.getpocket.com/v1/j/btn.js?v=1");
		a("//media.line.me/js/line-button.js?v=20140411");
	})(this, document);
</script>

GoogleAnalyticsも含める場合

<script type="text/javascript">
	(function (w, d) {
		w._gaq = [["_setAccount", "UA-xxxxxxx-x"],["_trackPageview"]];
		w.___gcfg = {lang: "ja"};
		var s, e = d.getElementsByTagName("script")[0],
		a = function (u, i) {
			if (!d.getElementById(i)) {
				s = d.createElement("script");
				s.src = u;
				s.async = 1;
				if (i) {s.id = i;}
				e.parentNode.insertBefore(s, e);
			}
	};
	//GoogleAnalytics
	a(("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js","ga");
	//Facebook
	a("//connect.facebook.net/ja_JP/all.js#xfbml=1","facebook-jssdk");
	//Twitter
	a("//platform.twitter.com/widgets.js","twitter-wjs");
	//GooglePlus
	a("https://apis.google.com/js/platform.js");
	//Hatena
	a("//b.st-hatena.com/js/bookmark_button_wo_al.js");
	//Pocket
	a("https://widgets.getpocket.com/v1/j/btn.js");
	//LINE
	a("//media.line.me/js/line-button.js?v=20140411");})(this,document);</script>

SNSボタンの表示部分

ソーシャルボタンを表示したい部分に書きます。だけは直下が望ましいです。

<div id="fb-root"></div>
<ul>
	<li><div class="fb-like" expr:data-href="data:blog.url" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"/></div></li>
	<li><a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja" data-count='vertical'>Tweet</a></li>
   <li><div class="g-plusone" data-size="tall" data-href="ページのURL" ></div></li>   <li><a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="ページのタイトル" data-hatena-bookmark-layout="vertical-balloon" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a></li>
	<li><a data-pocket-label="pocket" data-pocket-count="vertical" class="pocket-btn" data-lang="en" data-save-url="ページのURL"></a></li>
	<li><span><div class="line-it-button" style="display: none;" data-type="share-a" data-lang="ja"></div>
		<script src="//scdn.line-apps.com/n/line_it/thirdparty/loader.min.js" async="async" defer="defer"></script></span></li>
</ul>

参考ページ

https://log-file.net/wordpress/speedup-1190 https://log-file.net/wordpress/speedup-1190

http://requlog.com/self-branding/wordpress/facebook-fast-display/ http://requlog.com/self-branding/wordpress/facebook-fast-display/

http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/asynchronous-loading-of-major-social-buttons/ http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/asynchronous-loading-of-major-social-buttons/

AdSenseの表示を高速化するために「DNS Prefetch」であらかじめ先読みする

Mon, 05 Mar 2018 21:17:48 +0900

きっかけはうっかりテーマを初期化

ブログのデザインをそろそろ変えようかな～とWordpress感覚で試しにMovableTypeのテンプレートをテーマを変更したら、以前のテンプレートがすべて初期化されてしまいました…。

それまではCloudFlare（CDN）と組み合わせてGTmetrixやPageSpeed Insightsの計測でページの表示が1～2秒台でした。

以前のテーマに戻してもコツコツ構築してきた高速化さるための設定を加えたテンプレートがすべて消えしました…。Wordpressの感覚でテーマの雰囲気だけ見たかっただけなのに完全に初期化されてしまいました。バックアップもしていなかったのでショックです。MovableTypeの場合は管理画面の［ツール］-［テーマのエクスポート］からバックアップをとっておかないといけなかったみたいです…。

後戻りもできないので初期化ついでに新しいテーマに変え、コツコツいじってレイアウトやらデザインを変更して、計測したら10～15秒台まで落ちてしまいました。そのうちの5～6秒がサーバーの応答時間でした。なんでだろう？

いままでどうやって高速化のしてきたのか施した方法が思い出せませんが、新しいテーマでのAdSenseの広告表示のもたつきがきになるので、とりあえずここの読み込みを速くできないかな？と調べているとdns-prefetchというのを見つけました。

DNS Prefetchであらかじめ先読み

DNS Prefetchは特定のホスト名に対するDNSの事前解決を強制的に行うもののようです。このブログではどのページにも共通してAdSenseを表示しているので、そういったURLはあらかじめ以下のタグで事前読み込みしておくURLを指定します。効果がどのくらいあるのか確認はしていませんが、とりあえずメモ。

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//pagead2.googlesyndication.com">
<link rel="dns-prefetch" href="//googleads.g.doubleclick.net">
<link rel="dns-prefetch" href="//googleads4.g.doubleclick.net">
<link rel="dns-prefetch" href="//tpc.googlesyndication.com">
<link rel="dns-prefetch" href="//www.gstatic.com">

****の直後あたりでとにかく上の方に書くといいみたいです。SNSのシェアボタンや外部のJavaスクリプトの読込にも使えるようです。

ChromeによるHTTPSでのDNS Prefetch

以下のページを日本語に翻訳してみたところ、「ChromiumはHTTPSページに表示されるハイパーリンク内のホスト名をプリフェッチしません。」とあります。

http://dev.chromium.org/developers/design-documents/dns-prefetching http://dev.chromium.org/developers/design-documents/dns-prefetching

一瞬ドキッとしましたが、最初の1行目のコレ↓でHTTPSページでもChrome（ブラウザ側）のDNS preftch が有効化されるみたいです。いろいろな参考ページで省略されていましたが、絶対書いたほうがよさそうです。

<meta http-equiv="x-dns-prefetch-control" content="on">

Javascript化してソースの見栄えを整理するする

たくさんのURLを事前読込するとタグ下に****がズラズラ並んでソースの見栄えが悪くなります。これを解消したい場合は以下が参考になります。以下のページではJavascript化して先読みするURLを隠していました。

http://tokkono.cute.coocan.jp/demo/prefetch/?page=3 http://tokkono.cute.coocan.jp/demo/prefetch/?page=3

ソースを見ると、タグの直前に以下のJavascriptを読み込むコードがあります。

<!-- DNS プリフェッチの設定 -->
<script src="js/prefetch.js"></script>

そして、このJSのソースを見ると以下のようになっていました。

(function(document) {
var servers = [
　　/* evernote
　　"static.evernote.com" //*/<br>

    
　　/* pocket */
　　,"d7x5nblzs94me.cloudfront.net"
　　,"widgets.getpocket.com"<br>

	
　　/* mixi
　　,"img.mixi.net"
　　,"static.mixi.jp"
　　,"plugins.mixi.jp" //*/<br>

	
　　/* google analytics, google +1 */
　　,"oauth.googleusercontent.com"
　　,"ssl.gstatic.com"
　　,"accounts.google.com"
　　,"apis.google.com"
　　,"www.google-analytics.com"<br>

	
　　/* facebook */
　　,"www.facebook.com"
　　,"s-static.ak.facebook.com"
　　,"static.ak.fbcdn.net"
　　,"static.ak.facebook.com"
　　,"connect.facebook.net"<br>

	
　　/* twitter */
　　,"twitter.com"
　　,"cdn.api.twitter.com"
　　,"p.twitter.com"
　　,"platform.twitter.com"<br>

	
　　/* hatena */
　　,"cdn-ak.b.st-hatena.com"
　　,"cdn.api.b.hatena.ne.jp"
　　,"b.st-hatena.com"<br>

	
　　/* zenback
　　,"web-jp.ad-v.jp"
　　,"w.zenback.jp" //*/
], i, e, link = document.createDocumentFragment();<br>

	
　　for (i = servers.length-1; i >= 0; i--) {
　　　　e = document.createElement('link');
　　　　e.setAttribute('rel', 'dns-prefetch');
　　　　e.setAttribute('href', '//' + servers[i]);
　　　　link.appendChild(e);
	}<br>

	
document.getElementsByTagName('head')[0].appendChild(link);
}(document));

が現れた時点でロードされるみたいです。クライアントサイドで実行するので0.1～0.15秒遅くなるみたいですが、ソースをゴチャゴチャさせたくない場合は試してみてください。

数値で比較しないと効果がわからないかも？

主要なほとんどのブラウザはdns-prefetchに対応しているようです。ZenbackとかSNSボタンとかに使われているドメイン20個ぐらいを指定してみたりして高速化を体感できるか試してみました。指定したドメインのすべて先読みされるのか不明ですが、ページのスピードテストしてみました。全体的にあまり表示時間は短縮されませんでした。数値で比較すればわかるのかもしれませんが、そこまで見ませんでした。体感できないレベルの効果しかないのかもしれませんが、やらないよりはやったほうがいいと思います。

表示が遅いのはサーバーかSNSシェアボタンの問題かも？

そもそもサーバーの応答時間が5～6秒かかっているので、AdSenseが遅いといういより、レンタルサーバーが遅い、またはFacebookやTwitterなどのSNSシェアボタンに問題があるのかもしれません。SNSシェアボタンのソースを見直したところ、3秒くらい短縮できました。他にも原因がありそうなので、また時間があるときに検証してみたいと思います。

参考ページ

https://qiita.com/ShinyaOkazawa/items/f95788c67114d0360e40 https://qiita.com/ShinyaOkazawa/items/f95788c67114d0360e40

http://hayashikejinan.com/wordpress/optimize/730/ http://hayashikejinan.com/wordpress/optimize/730/

http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/boostup-socials-with-dns-prefetch/ http://tokkono.cute.coocan.jp/blog/slow/index.php/programming/boostup-socials-with-dns-prefetch/

WEBサイトの表示が高速化されるプロトコル「HTTP/2」と「QUIC」についてメモ

Thu, 01 Mar 2018 23:30:46 +0900

常時SSL化が当たり前になる時期が近付いています。SSL化すればWEBサイトを高速に表示できるプロトコル「HTTP/2」が使え、Chromeでは更に高速化が期待できる「QUIC」が使えるようです。それについていろいろ調べて気になることをメモ。

HTTP/2対応かURLからオンラインで確認

以下のページでURLからWEBサイトがHTTP/2に対応しているか確認できます。

https://tools.keycdn.com/http2-test https://tools.keycdn.com/http2-test

ブラウザでHTTP/2で通信しているか確認する方法

以下のページが参考になります。

https://nelog.jp/http2-browser-extensions https://nelog.jp/http2-browser-extensions

HTTP/2について

HTTP/2がなぜ高速なのかは以下のページが参考になります。

https://blog.redbox.ne.jp/http2-cdn.html https://blog.redbox.ne.jp/http2-cdn.html

https://zenlogic.jp/aossl/basic/response/ https://zenlogic.jp/aossl/basic/response/

https://lolipop.jp/http2/ https://lolipop.jp/http2/

このWEBサイトを高速に表示させるための技術として、HTTP1.1からGoogleがSPDYという高速化技術を作り、それが元でHTTP/2というのができて標準化されたそうです。

速度の違いを体感してみる

以下のページでHTTPで接続した場合と、HTTPSで接続した場合、見た目と表示完了時間で違いを視覚的に体感でできます。画面右上の「HTTP」と「HTTPS」のリンクをそれぞれクリックしてみてください。

https://www.httpvshttps.com/ https://www.httpvshttps.com/

HTTP/2が使えるブラウザ

HTTP/2はInternet Explorer 11（IE11)、Google Chrome、FireFoxなど、主要なブラウザで使えます.

Microsoft Windows 10上のInternet Explorer 11
Microsoft Edge
Google Chrome (Ver.30は設定が必要）
Mozilla Firefox (Ver.34から標準で有効)
Opera
Safari 9

その他のブラウザを含めた対応状況の参考ページ

https://caniuse.com/#feat=spdy https://caniuse.com/#feat=spdy

ブラウザだけではなくWEBサーバーのHTTP/2対応が必要

HTTP/2による通信はブラウザが対応していてもWEBサーバーというかWEBサイトがこのプロトコルに対応していないとできません。WEBサーバーが対応していなくても、CloudFlareなどのHTTP/2に対応したCDN経由で公開していれば、HTTP/2対応サイトにできます。

更に速いQUICで高速化？

GoogleがHTTP/2よりも安全で高速なレスポンスを実現するQUIC（Quick UDP Internet Connections）というTCPではなくUDPをベースにしたプロトコルを開発しているようです。

https://qiita.com/flano_yuki/items/251a350b4f8a31de47f5 https://qiita.com/flano_yuki/items/251a350b4f8a31de47f5

https://internet.watch.impress.co.jp/docs/column/ietf2017/1060156.html https://internet.watch.impress.co.jp/docs/column/ietf2017/1060156.html

https://www.iij.ad.jp/dev/tech/techweek/pdf/151111_4.pdf https://www.iij.ad.jp/dev/tech/techweek/pdf/151111_4.pdf

ChromeのQUIC関連の表示

QUICが使えるブラウザはまだChromeしかなさそうですが、ChromeでQUICに関する設定や状況表示は以下のURLをChromeのアドレスバーに入力すると表示できます。使い方はよくわかりません。

chrome://flags
chrome://net-internals/#quic

QUIC対応のレンタルサーバー

今のところ、HTTP/2とQUICに対応しているレンタルサーバーは以下だけのようです。

https://mixhost.jp/ https://mixhost.jp/

Intel SSD 520×2台のRAID0で爆速化（Windows7＆Z77チップセット）

Sun, 13 May 2012 23:30:59 +0900

弟がパソコンのスピードを速くしたいということで、SSD×2台でRAID0を組むことを薦めてみた。

現在では最新のIntel Z77チップセットを搭載したマザーボードと、SATA3（6Gbps）対応のIntel SSD520 120GB×2台を購入し、以下の構成でベンチマークを行ってみました。

OS
Windows7 Home Premium SP1 64bit


CPU
Intel(R) Core(TM) i7-2700K CPU @ 3.50GHz


メモリ
DDR3　8GB


M/B
 [ASRock Z77 Extreme4-M](http://www.asrock.com/mb/overview.jp.asp?Model=Z77%20Extreme4-M)


SSD
Intel SSD 520 120GB (SATA3)

まずはSSD単体でベンチマーク。

さすが、SATA3（6Gbps）対応ということもあって単体でもかなりのスピード。

そして、RAID0（ストライプサイズ128ｋ）でベンチマーク。

**約2倍のスピード！**Windows7の起動がBIOS画面終了から10数秒で起動完了。

電源ボタンを押してBIOSの画面表示も含めても30秒以内に起動が完了した。

しかし、インテル(R) SSD 520 シリーズリリース記念プレミアムレビューという記事によると、秒速１ギガ（1GB/ｓ）出るというのを見た。今回のハードウェア構成の方がハイスペックなのに秒速１ギガ（1GB/ｓ）出なかったので、ちょっと残念なのと以下の疑問が残る…。

システムドライブとデータ用ではスピードが異なるのか？
ストライプサイズは64ｋくらいに変えると速くなるのか？
4台でRAIDを組むとどれくらい速くなるのか？
システムドライブとしてRAIDを使うならクリーンインストールする方が速いのか？

※今回は単体のSSDで使用していたシステムドライブのバックアップを、RAIDボリューム復元にしてベンチマークを行なっています。RAIDへの移行は、移行前にレジストリの変更をしないと、移行してもWindowsが起動しません。移行方法はクリーンインストールなしてRAIDへ移行する方法：Windows VISTA/7/8 を参照してください。

2012/05/16追記

RAID0のストライプサイズを128kから64kに変更し、表示が一部正常に表示できていなかったインテルラピッド・ストレージ・テクノロジーを再インストールすると、正常に表示できるようになり、RAIDボリュームのキャッシュが無効になっていたので、有効にして再度ベンチマーク。

すると更に速くなりました。

しかし、シーケンシャルリードが1000MB/sを超えられなかったのが残念です。

2013/01/25追記

RAID0は不安定だと聞いていましたが、PCで起動時に表示されるRAID BIOSでエラーが出るようなりました。

エラーが表示されるものの、Windows7は通常通り起動します。ですが不安なので、その度にインテル・ラピッド・ストレージ・テクノロジー（IRST)で修復を行なっていました。Ver.11.5くらいからは、自動で診断と修復のスケジュールを設定きるようになったので、それからは安定しています。ちなみにRAID環境では使えなかったTRIMが有効になるため、Intel SSD ToolboxのIntel SSD OptimizerでTRIM機能が使えるようになりました。

ただ、Ver.11.7をインストールしたところ、インテル・ラピッド・ストレージ・テクノロジー（IRST）自体が起動できない現象が起こったので、Ver.11.5をインストールしたら正常に起動できました。

「ラピッド・ストレージ・テクノロジー 11.5」と検索すれば、PCメーカーのサポートサイトがヒットするので、そこからダウンロードできます。ちなみに僕の場合はレノボのサイト（http://support.lenovo.com/ja_JP/downloads/detail.page?DocID=DS032146）からダウンロードしたました。

RAIDドライバーを組み込んだXPインストールCDを作る方法。

Wed, 09 May 2012 15:30:01 +0900

いまだに10年前のパソコンをしぶとく使っていますが、レスポンスに不満があり、以下の環境でSSD×2台を使用したRAID0に移行して爆速化しようと試みました。

OS
Windows XP Professional SP3


CPU
Intel(R) Pentium(R) 4 CPU 3.20GHz


M/B
ASUSTeK P4P800（ICH5R）


SSD
Intel SSD 320 80GB ×　2台

しかし、RAID0のSSDに現在の環境のバックアップを復元して起動させたところ、XPのロゴが表示されるものの起動中にブルースクリーン（汗）。表示されたメッセージの内容は英語でよくわからないのですが、何となくわかったのは「ドライバーが無い」とか「ストレージにアクセスできない」とかでエラー。

元の環境でICH5Rのドライバー（インテル® マトリクス・ストレージ・マネージャー5.5「iata55_cd.exe」）を予めインストールしておけばいいと思いましたが、インテルのホームページからダウンロードして、インストールしようとしたら「対応していないチップセットだからインストールできない」というエラーでインストールできず…。

RAID0のSSDにクリーンインストールも試みましたがインストールの途中でブルースクリーン…。

いろいろ調べた結果

XPの場合、OSインストールの際に途中でF6を押し、フロッピーディスクから、RAIDコントローラーのドライバーを読み込ませてやらないと、RAID環境にインストールはできないとのこと。

ところが、フロッピーを持っていないため、XPをインストールする際にドライバーを読み込ませる手段がありません…。

しかし、解決方法がありました。

「nLite」というフリーソフトを使えば、予めドライバーを組み込んだXPのインストールディスクを作成できます。

※Vista/7はOSがRAIDコントローラーのドライバーを持っているため、クリーンインストールの際、別途ドライバーを用意する必要がなく、レジストリの値を変更することで、再インストールなしで、RAID環境に移行できるようです。

ドライバー組込みインストールディスクの作成方法

nLiteで以下の事を行います。

XPのインストールCDの内容をハードディスクにコピーさせる。
組み込みたいRAIDコントローラーのドライバを指定する。
統合させたISOイメージを作成し、ライティングソフトでCD-R/DVD-Rに焼けば完成

読み込ませたいドライバーは、INFファイルを指定するとハードウェアの一覧が表示されるので、一部か全てを選択すれば組み込めます。

※ダウンロードしたドライバーファイル内にINFファイルがなく、CABファイルがある場合は、CABファイルを解凍するとINFファイルが出てきます。

F6ディスクの作成専用のドライバーファイルの場合は、INFファイルを一旦フロッピーに展開しないと取り出せないことがありますが、その場合は「Virtual Floppy Drive」という仮想フロッピーディスクドライブにF6ドライバーのディスクを作成し、仮想FDD内に作成されたINFファイルをしていすればnLiteに読み込むことができます。

※ICH5RのF6フロッピーのドライバーファイルはインテル® マトリクス・ストレージ・マネージャー5.5のページの「f6flpy32.zip」をダウンロードする。

結果

BIOSでRAID0のディスクを作成し、上記で作成したディスクでXPをインストールしたところ、正常にインストール完了！インテル® マトリクス・ストレージ・マネージャー5.5も正常にインストールができました。

今までの単体のディスクに比べると速くなりました。（特に書き込み）

HDD単体
SSD単体
RAID0（SSD×2台）

しかし、ランダムライトは随分向上しましたが、SATA2（3Gbps)のSSDを使用しても、マザーボードの仕様がSATA（1.5Gbps）なので、シーケンシャルリードは思ったほど速くはなりませんでした。予測はシーケンシャルリードで240～280MB/secくらいは出ると思っていたのですが、実際は180MB/sec程度だったので残念です。SATA2（3Gbps)仕様のマザーボードだったらSSD単体で250MB/secくらいでるので、コストをかけてRAID0を組む必要はなかったかもしれません。

まだまだパソコン本体を買い替える必要はないのですが、このパソコンの延命処置に使ったパーツ代を考えると、買い替えたほうが安かったかもしれません…。

PCを高速化できるフリーソフト「Comfortable PC」でXP・Vistaをスピードアップ

Sat, 22 Aug 2009 18:02:06 +0900

VistaやXPを快適に動作させるためのフリーソフト

細かい設置を自動的してくれるフリーソフトが週刊アスキーに掲載されていたので導入してみました。

https://freesoft-100.com/review/comfortable-pc.php https://freesoft-100.com/review/comfortable-pc.php

https://www.gigafree.net/system/comfortablepc.html https://www.gigafree.net/system/comfortablepc.html

このソフトの良いところ

Auto Analysisで最適な設定に自動でしてくれる
レジストリの変更をGUIで変更できる
Vista専用の詳細設定やXP専用の詳細設定などが用意されている
変更履歴を保存してくれているため、復元ポイントを選んで設定を復元できる
MTU値・RWIN値などネットワークの状態を自動測定し設定できる

など、納得の機能が盛り込まれています。

動きが速くなった！

今回は自宅のXPマシンと会社のVistaマシンに導入してみたところ、特にVistaはAuto Analysisを行ったところ速度が速くなりました。

高速化 on qwerty.work

Cloverを使用してNVMe非対応のPCにNVMe SSDに搭載して高速化する方法

NVMe非対応でも対応可能する方法があった！

CLOVER Bootloaderというツールを使う

Boot Disk Utility

CLOVER Bootloader

参考サイトや動画

【レビュー】WD_BLACK AN1500 1TBを買ってOSブートドライブとして使ってみた

古いPCでも爆速にできる最強のストレージ?!

使用しているPC環境

単体のドライブとして認識

OSを引っ越し

BIOS/UEFIでWD_BLACK AN1500の優先順位を変更

なぜかPCIe Gen3 x4で駆動

原因はZ97チップセットの仕様

x8になった！

ベンチマーク（スピードテスト）してみた

旧システムドライブ（Samsung SM961 NVMe SSD 256GB）

新システムドライブ（WD_BLACK AN1500 1TB）

CPU接続のスロットに差し替えて再ベンチマーク

ベンチマーク結果

その他参考ページ

爆速復活！起動が遅くなったのはAdobe Cloud Desktopのせいだった件

最近、いろいろ動きが重たくなった

全部Adobe Colud Desktopのせいだった！？

手順の参考ページ

爆速が復活した！！

起動時間参考値

Adobe Creative Cloudの自動起動を停止したら、遅いWindows10の起動が速くなった

なんか最近Windowsの起動が遅い

Adobe Creative Cloudが原因？

Adobe Creative Cloudの自動起動を停止してみた

Windowsの起動は軽くなったけど？！

ついでに不要なスタートアップも無効にする

その他のスタートアップやプロセスが何か知りたいとき

設定からでも無効にできる

ついでにサービスの自動開始も停める

ついでにタスクスケジューラも無効にする

その他参考ページ

おまけにPhotoshopの起動も速くなった！

Adobe系、特にPhotoshopの起動が遅くなったときに高速化で試したこと

あるときから急にAdobe系の起動が遅くなった

特にPhotoshopの起動が遅い！

起動時間

原因と対処方法を探す

特に目についた参考ページ

試してみた内容と起動時間

Photoshopのエクステンションの読込を無効にする

Windowsの高速スタートアップを無効にする

Windows10のシステムチェック

コマンド

スタートアップの無効

バックグラウンドアプリをオフにしてみる

Premiere Pro メディアキャッシュの削除

Adobeの設定フォルダを削除

Program Filesの古いフォルダも削除

グラフィックカードのドライバアップデート

アプリケーションを再インストールする

最終的に一番効果があった内容

最速の起動時間

Creative Cloudの自動実行を停める（2021/04/29追記）

行った手順

更に最速になった起動時間

爆速を手に入れたい！気になるM.2 NVMe SSDのRAIDカード関連情報

コスパのいい『SSD RAID 0』 の爆速環境が欲しい

PCIe3.0 x8対応 アドインカード

WD_BLACK AN1500 NVMe SSD Add-in-Card

メーカー商品ページ

気になる点

商品検索

PCIe4.0対応ソフトウェアRAIDカード

ASRock「HYPER QUAD M.2 CARD」

メーカーページ

気になる点

商品検索

ASUS『HYPER M.2 X16 GEN 4 Card』

メーカーページ

商品検索

ADWITS ASM2824 クアッドM.2 NVMe SSDアダプタ

VROC（Virtual RAID on CPU）について

コスパのいい『SSD RAID 0』の爆速環境が欲しい

PCIe3.0 x8対応アドインカード