Googleの「Mobile Website Speed Testing Tool」の速度テストは参考にならない - Webパフォーマンスについて
このテストの速度テストの評価を実際の計測データと比較して検証してみる Googleが testmysite.thinkwithgoogle.com を公開して、各所で話題になっています。 モバイルフレンドリーかどうかのテストには使えるのですが、スマートフォン向けWebサイトやデスクトップ向けWebサイトとしてのスピードの判定の参考にならないです。 その理由を以下に説明します。 日本のポータルサイトのパフォーマンス計測のデータと見比べてみる さて、検証用データとして、日本のポータルサイトの計測データと見比べてみましょう。 今回、計測してみたのは、以下の5つのポータルサイトです。 Yahoo! Goo Excite MSN Infoseek 計測条件 NTTドコモのLTE回線を使用 電波強度は非常に良好 計測機器を設置して行う定点観測なので、基地局間の接続移動処理（ハンドオーバー）は発生しない
Webサイトパフォーマンス計測業界の振り返り2015 - Webパフォーマンスについて
KeynoteからCatchpointへ 紆余曲折あって、今年の9月に、Keynote Systemsから、Catchpoint Systemsへ移りました。 「移った」と言っても、間が空いたし、今はKeynote Systemsという会社は存在しておらず、Dynatraceという会社の一ブランドとしてKeynoteという名前が残るのみです。 ここ数ヶ月、情報発信を控えていたので、今のWebサイトパフォーマンス計測業界はどうなってるんだという最新動向を語ることで、自分の近況も語ることに繋がるかなと思い、表題の内容で書きます。 2013年、Keynote Systemsの売却に始まる業界大再編 Webサイトパフォーマンス計測と云えば、KeynoteとGomezの二社が1位、2位を争ってきたわけですが、変化を齎したのは、2013年の秋、Keynoteの売却でした。 KeynoteのCEOは、U
Google、「アプリダウンロードの全画面広告は逆効果」と不使用推奨
米Googleは7月23日（現地時間）、アプリダウンロードを勧めるインタースティシャル広告（日本では全画面広告とも呼ばれる）の効果を調査した結果、モバイル版Google＋でのこの種類の広告を止めると発表した。同社が「Webmaster Central Blog」で明らかにしたもので、モバイルWebの利便性の観点からこうした広告の導入を再考するようWebマスターに呼び掛けている。 インタースティシャル広告とは、アプリの起動、動画のプレロール、ゲームのレベル読み込みなど、アプリの画面切り替え時に全画面を使って表示されるモバイル広告。Googleが問題としているのは、Webサイトにアクセスしたユーザーに、そのWebサイトを閲覧するためのネイティブアプリをダウンロードするよう勧めるもの。 Google＋での調査では以下のような結果になったという。 広告を見たユーザーの9％が「アプリをダウンロードす
CodeRepos::Share – Trac
モバイルのウェブ開発の際に PC のブラウザで見れるように HTML をレンダリングしてくれる Web アプリケーションです。 つかいかた とりあえずつかうだけなら svn co http://svn.coderepos.org/share/lang/ruby/ssb/trunk/ ssb cd ssb/ rake setup ruby ssb-webrick.rb でいけます。 末永く使いたい場合は mod_ruby を使うのもよいかもしれません。 scrapi, lha, ghostscript, imagemagick がないと絵文字の scraping に失敗して絵文字が表示できません。 携帯端末情報 機種変更時に利用される携帯端末情報は、ke-tai.orgの携帯電話スペック一覧を利用しています。 端末情報を最新のものに更新するときはシェル上で以下のコマンドを入力してください。
検索 | Google Developers
SEO fundamentals Introduction Search Essentials SEO Starter Guide How Google Search Works Do you need an SEO? Crawling and indexing Sitemaps robots.txt Meta tags Crawler management Removals Canonicalization Redirects JavaScript SEO Ranking and search appearance Visual Elements gallery Title links Snippets Images Videos Structured data Favicons Site-specific guides Ecommerce International and multi
[JS]JS/CSSの管理、ユーザー環境の検出など便利な機能がつまった超軽量スクリプト -Head JS
複数のJSファイルの管理、CSSのサポートが異なるブラウザへの対応、ブラウザとバージョンの自動検出、スクリーンサイズの自動検出など、headで制御したい便利な機能がつまった超軽量（2.3KB）スクリプトを紹介します。 Head JS [ad#ad-2] 下記に、Head JSでできることを簡単に説明します。 詳しい使い方は下記ページで解説されています。 Usage: Head JS 外部JSファイルの読み込み JavaScriptの管理 CSSのサポートが異なるブラウザへの対応 HTML5非対応ブラウザへの対応 スクリーンサイズに合わせた表示 Dynamic CSS CSSを特定のページのみに CSSをブラウザごとに指定 外部JSファイルの読み込み 通常、複数のJavaScriptファイルを外部ファイルとして読み込ませるとブロッキングが生じます。 そのブロッキング解消し複数のファイルを並列
URL Design — Warpspire
December 28, 2010 URL Design You should take time to design your URL structure. If there’s one thing I hope you remember after reading this article it’s to take time to design your URL structure. Don’t leave it up to your framework. Don’t leave it up to chance. Think about it and craft an experience. URL Design is a complex subject. I can’t say there are any “right” solutions — it’s much like the
IE6非対応サイトになるならば告知をしよう·ie6alert-js MOONGIFT
ie6alert-jsはWebサイト上部を使ってIE6向けにメッセージを表示する。 [/s2If] ie6alert-jsはJavaScript製のオープンソース・ソフトウェア。YoutubeやYahoo! Japanなど有名どころのWebサイトでIE6への非対応を掲げ始めている。もちろんすぐに影響が出る訳ではないが、近い将来認証やデザイン面で影響が出てくる可能性はある。 IE6の場合に表示されるメッセージ もし自社のサービスにおいてもIE6への対応を打ち切るのであれば、何らかの告知が必要になるだろう。その場合にはIE6の場合だけ表示を出したいはずだ。ie6alert-jsはまさにそのためのソフトウェアになる。 使い方は簡単だ。ie6alert-jsをヘッダーで読み込み、ie6Alert()という関数を実行すれば良い。後はブラウザの判別を自動で行って、IE6であれば画面上部に指定されたメッ
HTML5をはじめる人、勉強したい人用のテンプレートファイル -Easy HTML5 Template
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満（
日々のサイト運用に。Ruby製のリンクチェッカー·rawler MOONGIFT
rawlerはRubyで作られたコンソールで動作するリンクチェッカー rawlerはRuby製のオープンソース・ソフトウェア。Webサイトを運営していると、リンクが変更されたりドメインごと移転したりする。そうした作業の蓄積によって、次第にリンク切れが発生していく。だがこれまでのコンテンツ全てについてチェックするのは大変だ。 実行中 そこで使われるのがリンクチェッカーだ。自動的にチェックしてくれる仕組みがあれば、毎日自動実行しておいても良いくらいだ。既存のサイトはもちろん、新規サイトでも事前にチェックできる。そのためのライブラリがrawlerだ。 rawlerはコンソールで使うソフトウェアで、rawlerコマンドの後にURLを与えるだけで利用できる。そうするとドメイン以下にあるリンクについて自動でチェックを開始する。今の所リダイレクトがあった場合は301ないし302と出力されるだけになってい
Webサイトをスライド化する·SiteFlow MOONGIFT
通常、Webサイトは縦に長くなる傾向がある。そのため縦書きの文字はほとんど使われず、横書きで下へ、下へ伸びていく。そのため、あまりページが長くなるとページネーションとしてページを区切って読み進めるようになっているのが一般的だ。 Webページをスライド化して読みやすくする だがこのページネーションは果たして便利な機能だろうか。都度マウスでクリックしたりするのが面倒だし、縦長のページを移動するのも大変だ。そこでSiteFlowが登場した。 今回紹介するオープンソース・ソフトウェアはSiteFlow、Webサイトの可読性、操作性を向上するJavaScriptライブラリだ。 SiteFlowはJavaScriptで提供されるソフトウェアで、ブックマークレットとしても動作する。主な機能は二つで、一つはページ内の移動に関する機能で、もう一つはページネーションに関係する機能だ。ページ内の移動処理では、C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
modpagespeed - Project Hosting on Google Code