will-changeをサポートするブラウザが増えたことによって、will-changeを使ったアニメーションの最適化が少しずつ使われるようになってきました。しかし、 ここではChromeブラウザを使ってwill-changeの確認方法について解説したいと思います。 will-changeの使い方については以下の記事を御覧ください。 will-changeはブラウザ内部で何をしているのか？ will-changeはLayer(レイヤー)を分離する事でアニメーションを最適化しています。Layerの分離は変更の際の計算量を少なくするために大変有効です。例えば、Layerを分離せず描写を行った場合に...
-
- 2月 22, 2019先日、『爆速で有名な阿部寛さんのサイトを真面目に分析してみた。』という記事をQiitaで執筆したところ、思いの他、皆さんに『いいね』を頂けたので、今度はSEOの角度から阿部寛さんのサイトを分析してみました。SEO分析と言っても 内部のSEO対策についてはtitleタグの設置以外はSEO系の対策はされていないようですので特に触れていません。 ではまず、 SERP（Search Engine Result Pages） SERPとはの略で検索結果順位のことを表します。SERPを調べるのに。また、私個人のプロファイルで順位が変動しないように、Googleにログインしていない状態で調べています。検索順...