2018冬アニメ特設サイト パフォーマンスリスト
他(SNSとか)よりだいたいの流入先がトップページということを想定して計測。
Performance周りは精度問題もあり、変動もあって正確ではないので気休め程度に。
PWAはそもそも対応などしてないようなのでこちらも参照はせず。 アイドリッシュセブン
アダプティブデザイン
https://gyazo.com/a232bce31e72dd138590120d7c61485f
伊藤潤二『コレクション』
レスポンシブデザイン(〜768)
https://gyazo.com/4b9ee8ff52aa853c76aae7af7ae69f65
ヴァイオレット・エヴァーガーデン
レスポンシブデザイン(〜768)
https://gyazo.com/70fcfe0afdb5d4ae966a4e06b6e0dc8c
衛宮さんちの今日のごはん
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/a429487aa7a1742381b08f58c334d5ac
オーバーロードII
レスポンシブデザイン(〜768)
https://gyazo.com/71112c965aae3a1cb37443d87cf66af1
怪獣娘~ウルトラ怪獣擬人化計画~(第2期)
レスポンシブデザイン(〜767)
https://gyazo.com/9d4968b8aa1ba7390d1133adec5cc661
カードキャプターさくら クリアカード編
レスポンシブデザイン(〜768)
https://gyazo.com/424193ccc89a4d0cf0615c802b205392
学園ベビーシッターズ
レスポンシブデザイン(〜1000)
https://gyazo.com/a62024774d698bb5925d5fb04a3b1e57
からかい上手の高木さん
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/8ffad6ccf8bb510f4c6fb3aa903ca87a
キリングバイツ
レスポンシブデザイン(〜900)
https://gyazo.com/23abcab373f502413524aa0a36b9b7d9
銀魂 銀ノ魂篇(しろがねのたましいへん)
レスポンシブデザイン(〜619)
https://gyazo.com/eddf3ce8c5dc1971aabe5a8d54f85ae2
銀の墓守り(ガーディアン)第2期
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/5e89d59fca21a3d1698a28787b5e5c9a
gdメン(ぐだメン)
レスポンシブデザイン(〜567)
https://gyazo.com/e126fac9583706c5dc2c3e5449738061
グランクレスト戦記
レスポンシブデザイン(〜768)
https://gyazo.com/87ad7da919d0e7acf49e6be1aed580cd
剣王朝
公式サイト無し
恋は雨上がりのように
レスポンシブデザイン(〜768)
https://gyazo.com/2aa35f5c715c6d0bd04c6f9601f8ad1a
刻刻
レスポンシブデザイン(〜750)
https://gyazo.com/63487f8646f9348cab45311ad1f04e73
斉木楠雄のΨ難(第2期)
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/4a425a86f1efd2e0ac888f91158a4394
サンリオ男子
レスポンシブデザイン(〜768〜500)
https://gyazo.com/79ba5673729bd65c7703fbd1d4767d40
citrus
レスポンシブデザイン(〜768)
https://gyazo.com/486ad4837c3e230dfa5a9a342c87a1c4
新幹線変形ロボ シンカリオン
レスポンシブデザイン(〜768)
https://gyazo.com/04b97a34ead49d162d10eb3bb97ff290
スロウスタート
アダプティブデザイン
https://gyazo.com/667a73047c4f85a7355a7cb3ca78f3ca
宇宙よりも遠い場所
レスポンシブデザイン(〜767)
https://gyazo.com/050bb6d4e686c05cbdb0f4a9f1713979
だがしかし2
レスポンシブデザイン(〜767)
https://gyazo.com/0b96207ad68dfe289d44e3f79036fcd9
たくのみ。
レスポンシブデザイン(〜767)
https://gyazo.com/51f58e5271fe0615a9a7ec580087d815
タヌキとキツネ
レスポンシブデザイン(〜768)
https://gyazo.com/c568c61eefec84ae964ef9e730fa516f
ダメプリ ANIME CARAVAN
レスポンシブデザイン(〜768)
https://gyazo.com/884f7f165b3204b3a433e97644104a5f
ダーリン・イン・ザ・フランキス
レスポンシブデザイン(〜750)
https://gyazo.com/20ce0a10299c939a42798e8f5702d819
デスマーチからはじまる異世界狂想曲
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/b9c5423f5dcd5c4e23d0049835a040f7
DEVILMAN crybaby
レスポンシブデザイン?(〜600)
https://gyazo.com/3fee61293263a7467ec00ca1d0749f93
続「刀剣乱舞-花丸-」(第2期)
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/cdd7f68da6d55c2873010837b8d4bb08
刀使ノ巫女
レスポンシブデザイン(〜900)
https://gyazo.com/1c1061910551b3780c6fc6104f713e15
七つの大罪 戒めの復活
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/b79fe603d27c0fc8197591da939322ad
七つの美徳
PCレイアウトのみ
https://gyazo.com/d97a4580ff53b5e61f01c6f0dc71d245
25歳の女子高生
レスポンシブデザイン(〜768)
https://gyazo.com/78f4f29986cd9b3501cf5849e0c04a7e
博多豚骨ラーメンズ
アダプティブデザイン
https://gyazo.com/e2aabd73c68433778db2fef8b6c6a17c
ハクメイとミコチ
レスポンシブデザイン(〜480)
https://gyazo.com/3223f4a0c9e2a5286a87f428b0cd40ae
HUGっと!プリキュア
レスポンシブデザイン(〜640)
https://gyazo.com/33ecdebe028085188e885dbad0d65b7a
働くお兄さん!
アダプティブデザイン
https://gyazo.com/50e70330a92062634fe32848b9d46b1a
BEATLESS
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/65ad9641e35c559787b6d11e73979b13
バジリスク ~桜花忍法帖~
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/dd00413b1aefa9e5eb2542126a1148ed
一人之下 羅天大醮篇
レスポンシブデザイン(〜768)
https://gyazo.com/78c86cc7ea1409f8da5c3dded5f10642
Fate/EXTRA Last Encore
アダプティブデザイン
https://gyazo.com/47dbeb9b65e124cfe05e082573b607bd
覇穹 封神演義
レスポンシブデザイン(〜767)
https://gyazo.com/7ced6188d29c807802bb1b91df7d7720
ポプテピピック
レスポンシブデザイン(〜768)
https://gyazo.com/8d2e5188b77dbdb5f8ff6d746de312c4
星色ガールドロップ
レスポンシブデザイン(〜900)
https://gyazo.com/1f28155e6e9380e203cdb1744f79e77b
まめねこ
レスポンシブデザイン(〜992〜767)
https://gyazo.com/66fde04aa4bd2534efc2821c90237147
ミイラの飼い方
レスポンシブデザイン(〜767)
https://gyazo.com/9064640b791172a5433636daab0ec655
三ツ星カラーズ
レスポンシブデザイン(〜773)
https://gyazo.com/93ffc3ff9ab415ea0dce42c8cf0028b8
みっちりねこ
レスポンシブデザイン(〜980)
https://gyazo.com/9e445c1bdf16ef61350fcbb4a2bba74f
メルヘン・メドヘン
レスポンシブデザイン(〜960〜559)
https://gyazo.com/a14efc8192f6c0beda39e0ee75a2b60a
ゆるキャン△
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/5159c41a604b157138edd8d1b7f10256
弱虫ペダル GLORY LINE(第4期)
レスポンシブデザイン(〜768)
https://gyazo.com/f33c2766e5c9bedf462fad9372388ef1
ラーメン大好き小泉さん
アダプティブデザイン(/sp/に遷移)
https://gyazo.com/8b89cefd04ff0b6f2449265e4237ee46
りゅうおうのおしごと!
レスポンシブデザイン(〜990〜768)
https://gyazo.com/01315a9b391e85597d3c44b76b8561a8
【結果・感想】
「ダメプリ」がSSL化対応。(証明書サーバーがGeoTrustなのがアカンが)
「25歳の女子高生」もだけど、会社のドメインがSSLしててサブドメも同じようにやってるだけっぽい(察するに)。
「HUGっと!プリキュア」も朝日放送ドメインのSSL恩恵を受けているが、朝日放送共通ヘッダにあるフォームのaction先がhttpのままでMixed Content扱いのままになっており非常に残念。
https://gyazo.com/3aa715c7b1f3b00abe57e719a3487169
ただアニメサイトは宣伝目的や一時的な運用のみなので無理にSSL対応なんて必要もないのかなど。でもポータルサイト運用しているのとかだったらそれくらいは常時SSL化しろと思う。
SSLとは関係ないけど恒心教まわりでのアニメサイトの乗っ取りもサーバー側のセキュリティ強化でなんとか対処できんもんか。
「ポプテピピック」がアクセシビリティ100点。
特段真新しいことをやっているわけではない(ARIA要素も無い)。基本に忠実なマークアップゆえの判定。
カラーコントラスト判定も問題ない模様。赤+青と白のシンプル要素はデザインとしても良さそう。
SEO対策100点は以下5サイト。
からかい上手の高木さん
銀の墓守り(ガーディアン)第2期
スロウスタート
続「刀剣乱舞-花丸-」(第2期)
HUGっと!プリキュア
Best Practice上位(緑判定)は以下3サイト。
ダメプリ ANIME CARAVAN(81)
ページ遷移も割とサクサク動いてる印象
25歳の女子高生(88)
コンテンツが少なすぎるという点で評価が高いだけかも。
htmlの内容は正直褒められたものではない…(<div class="table">とか)
博多豚骨ラーメンズ(75)
その他のこと
ファーストビューにYoutube動画(プロモーション用)など置いていたりする。
シンカリオン、ブラウザ幅をSPサイズから縮めるたびに動画呼び出しを繰り返す…
基本ビジュアル重視なのでローディング挟んだりCSSアニメーションとかで動かしているのが多い。
WordPress使用は以下7サイト。
伊藤潤二『コレクション』
怪獣娘~ウルトラ怪獣擬人化計画~(第2期)
新幹線変形ロボ シンカリオン
博多豚骨ラーメンズ
働くお兄さん!
三ツ星カラーズ
みっちりねこ
ほとんどのサイトでjQuery使用している。
1系が多めだが3系もチラホラ。
「ダメプリ」がwebpack使用したbundleファイル使用(!)
たぶん「デビルマン」も似た系統だと思うけどjQuery使用が前に出てる。
そもそもJSを使用していないのは「25歳の女子高生」。
「博多豚骨ラーメンズ」が全体的にバランス良く作られている印象。
「ダメプリ」の拡張子が「.nhn」と見慣れないものを使用している。Javaアプレット?
「サンリオ男子」サイトの出来がよくない。
特にキー操作無効化はダメ絶対。コンテンツ盗用防止かもだが、アクセシビリティ害悪。
アクセシビリティ最低の16点叩き出す。
Page Speed Insightの結果
おおむねFastを出してる。最適化も悪くて70点台。
ただし以下サイトは除く。
「gdメン」…モバイル全サイト中最遅で唯一のSlow。最適化も55点で最低。
「スロウスタート」「DEVILMAN crybaby」「働くお兄さん!」「まめねこ」…モバイル表示スピードがAverage(普通)
「BEATLESS」…モバイルはそこまで問題なかったが、PCが最適化最低評価(5点)。速度も判定不能。