プロフィール

mshp0723(旧Mikaん星人アワー)

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

■お仕事関連サイト■
音楽制作・楽曲アレンジ・webサイトやブログ制作・アトリエSS



2010~2013年の業務
サウンド制作関連
・一般クライアントさま向けDAWレッスン
・芸能プロダクションさま、アーティストさま向け楽曲提供
・教育機関さま 歌唱教材ダンスアレンジ
・ダンススクールさま ダンスBGMオーディオデータ編集
・機器メーカーさま ナレーションレコーディングと編集
・地元企業さま イベント用ご当地風楽曲アレンジ制作
・飲食店運営企業さま 店舗用カラオケアレンジ制作
・移動販売店さま 店舗BGM楽曲アレンジ制作


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



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

最近の記事

カテゴリー

月別アーカイブ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
トラックバック
トラックバック送信先 :
コメント

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サイト構築へにほんブログ村 ベンチャーブログへ
↓↑クリックお願いいたします♪
関連記事
スポンサーサイト
トラックバック
トラックバック送信先 :
コメント
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。