2019.07.13スポンサーリンク朗報です。サイトが重い原因がやっとわかりました。通称「Webフォント」と呼ばれるものが原因でした。僕のサイトでは、M+フォントという、すっきりして見えやすいフォントを使っていたのですが、それが仇となったのです......。Insights」を使って比較していきたいと思います。Webフォントがある状態とない状態を比べるWebフォントありWebフォントなしそれでもWebフォントを使いたい場合は?まとめWebフォントがサイトを重くする原因だったそもそも、Webページを読み込むときに、文字の字体(フォント)を指定してやる必要があります。指定するときに、「それぞれの閲覧者のPCに入っているフォント(内蔵フォント)で読み込む」のか「Web上にあるフォントを読み込む(Webフォント)」のか、選ぶことができます。両者の違いはというと、大体こんな感じです。内蔵フォントだと、WindowsやMacなどの機種間で表示されるフォントが違うのです。Webフォントだと、Web上のフォントを読み込んでから表示します。機種間でもフォントが変わらないのです。Webフォントがある状態とない状態を比べるまず、百聞は一見に如かず。Webフォントあり/なしでサイトのスコアを測ってしまいましょう。当サイトでは、Cocoonを使用しています。Cocoonでは、「Cocoon設定」→「全体」の中の「サイトフォント」から変更できます。見たところ、ローカルフォントとしてほとんどのパソコンにインストールされている「游ゴシック」や「ヒラギノ角ゴ」(Macのみ)、メイリオ(Windowsのみ)などが選べるようになっています。その下には、Webフォントである「Noto」系や「M+(ここではMplusと表記)」系が選べるようです。1p」を使用してみます。僕の大好きなフォントです(笑)。タブレットから見たサイトのデザインはこのようになりました。これがいい味が出るのです。見えやすいという点においても、僕のお気に入りのフォントです。サイトのスコアを測ってみます。