プロフィール

mshp0723(旧Mikaん星人アワー)

Author:mshp0723(旧Mikaん星人アワー)
ごらんいただきありがとうございます。マルチクリエイタ・クリエイティブ起業家のmikaん星人アワーです。webコンテンツ関連お仕事をしています。

■お仕事関連サイト■
仙台スマホ対応ワードプレスサイト制作・アトリエSS


webサイト制作・運用関連事例
・食品店さま ネットショップ制作
・音楽スクールさま webサイト制作
・楽器奏者さま 再生プラグイン埋め込みサイト制作
・エクステリア施工企業さま webサイト企画
・飲食店さま webサイト制作
・支援団体さま サイト制作
・一般企業さま 会社案内サイト企画
・支援団体さま fc2ブログカスタマイズ
・その他 メディア/アフィリエイト運用ブログカスタマイズ



よろしくお願いいたします。

最近の記事

カテゴリー

webサイトの表示速度をチェックして、パフォーマンス改善♪いろいろな方にきちんと届くように♪そのときの便利なツールはgoogleデベロッパー『pagespeed insights』

こんばんは。

アフィやるときも、ものやサービス売るときも、『重くても見たい』というレベルまでロイヤリティ向上させてない場合、『ページ重くて表示されないから離脱率高い』は致命的

mikaん星人アワーです。
CTRが低い広告べたべたとか、ヤバいですからね(^_-)

というわけで、私もちょっと気にしている、webサイトの表示速度ですが、ツールでチェックしてたりするのでご紹介。おなじみ・・・・
201311021.jpg
googleデベロッパーpagespeed insights

■URL
https://developers.google.com/speed/pagespeed/insights/

上記のページにURLを入力すると、ページの表示スピード遅い部分や、レンダリングに遅延が発生している部分を教えてくれます。さっそくやってみましょう。


とりあえず、テストにはこのぶろぐを使いましょう。一応cssはいじってオリジナルデザインにしましたが、javascriptはもとのテンプレのままだったりするのでご了承ください。
PCビュー&スマートフォン/モバイル端末ビューで、それぞれチェックしてくれます。



PCビューの場合、スコアや問題点は?
201311023.jpg

スコアは76点です。

ポイントは?

・リソース圧縮で軽く。
・有効期限設定などで、ブラウザキャッシュを利用。キャッシュからファイルを呼び出すようにする。
・レンダリング遅延を発生させる、javascriptやCSSカット、
 不要な記述カットや、小さいCSSファイルの場合、インラインにして直接htmlに書いちゃう。


http://analyzer51.fc2.com/ana/analyzer.php?・・・・というのはログ検索につかうから、削除しないですけどね。fc2の解析も結構面白いですよ(てへぺろ)




スマートフォンビューはどう?
201311022.jpg

スコアはちょっと低めの67点です。

ポイントは?
・レンダリングブロックjavascript/cssの排除。
 『iphone_resize.js』『jquery.js』はテンプレ入ってたやつです。
・ブラウザキャッシュ、上記と同様。

まあこっちはレイアウト折り返し表示するようにとか、それしかいじってません。超簡単なレイアウト作ってみるのに挑戦しても楽しいと思います。



ちなみに、テンプレカスタマイズせずにいちからhtml書いて、余計なcssやjavascript入れない場合・・

201311024.jpg
(サイト名はぼかしてます。)

ページ表示速度は高速化し、スコアも高くなります。
『css簡単に書く』とか、『javascriptナシで縮小・拡大』、『ノイズ/劣化が目立たない程度に、画像を圧縮する』など、腕の見せ所です


ぜひ、ユーザーの方が表示しやすいように、サイトをカスタマイズしてみてください。



youtubeいっぱい埋め込みで貼り付けると、明らかに重くなるんだけど、それに関する項目は表示されないのかな(^_-)=☆


と思う方は

にほんブログ村 IT技術ブログ Webサイト構築へにほんブログ村 ベンチャーブログへ
↓↑クリックお願いいたします♪
関連記事
スポンサーサイト
トラックバック
トラックバック送信先 :
コメント

リンク(相互大歓迎♪)

月別アーカイブ