Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第6回は、「Network」パネル、「Timeline」パネル、「Audits」パネルでWebページを高速化する方法を説明します。 KISSmetricsの調査によると、ECサイトではページの読み込みが1秒遅れると、CVRが7%下がります。今回は、ページ表示を高速化するために、Chromeデベロッパーツールでページの読み込みが遅い要因を3つの方法で調査します。 HTTPリクエスト数を疑う ページ表示が遅い原因の一つは「HTTPリクエスト数」です。 HTTPリクエストとは、クライアントからサーバーへの要求のことです。たとえば、画像を表示するとき、クライアントからサーバーに「この画像が欲しい」と要求し、サーバーが画像ファイルを送信するやりとりをHTTPリクエスト、その回数をHTTPリクエスト数と呼びます。 画像
（ＣＮＮ） 準惑星「ケレス」の探査を行っている米航空宇宙局（ＮＡＳＡ）の探査機「ドーン」が、地表から約４８００メートルの高さにそびえる正体不明の構造を発見したことが２４日までに分かった。その形状がピラミッドにそっくりだったことから、ネット上では宇宙人説などが飛び交っている。 ケレスは火星と木星の間の小惑星帯にある準惑星。２月に謎の光点が観測され、３月に軌道に乗ったドーンがさらに探査を進めていた。 ピラミッドのような構造はドーンのカメラを使って約４３４５キロ離れた距離から１４日に撮影され、２１日に画像が公開された。ＮＡＳＡでは単純に、「比較的平坦な地域にそびえる急斜面を持つ山」と形容。地球外生命体などの可能性については触れておらず、自然が作り出した極めて標高の高い山だった可能性が大きい。 それでもドーンの観測はあらゆる想像をかき立ててきた。地表に見つかった最大の光点の周りに複数の光点が集まっ
デジカメ（コンデジ）の撮影枚数が増加したときの、画像の劣化例。使い始めと2万枚越えの比較。 同じ機種。設定は同じ。照明も同じ 2万枚を超えると ざらざらした感じになる 2万枚越えしたコンデジ 使い始めのコンデジ。同じ機種。設定は同じ。照明も同じ あわせて読みたい コンパクトデジタルカメラの撮影素子の耐久性 – togetter
Echo.js, simple JavaScript image lazy loading 単体1KB以下で動作する遅延ローダーライブラリ「Echo.js」。 スクロールがいってはじめて画像を読み込むライブラリ。jQueryなどに依存せず、軽量。 空の画像をsrcに設定しておきつつdata-echoでソースを指定するだけです。 読込中の画像にはローディングアニメーションもついてます 関連エントリ LazyLoadを実現する1KBを切るjQueryプラグイン「Unveil」
WordPressのテーマで記事がどのように表示されるか、テキスト記事、画像コンテンツ、動画コンテンツなどが正常に表示されるかテストできるWP Testを紹介します。 普通に想定されるパターンだけでなく、タイトルが異常に長い、コメントがたくさんついた、カテゴリが無い、カテゴリが異常にたくさんなど、イジワルなパターンも用意されています。 WP Test ダウンロードできるテストデータはXMLフォーマットで、WordPressに直接インポートできます。画像などはuploadsフォルダでサーバーにアップします。 どんなパターンが用意されているかは、WP Testのデータを読み込ませたデモで見ることができます。たくさんあるデモページから一部をご紹介。
JavaScript製顔認識ライブラリを紹介します。 試してみたところ想像以上に精度が高かったので驚きました。横顔や傾けた顔の認識は難しようですが、正面の精度がすごい。 auduno/clmtrackr デモは画像の顔認識トラッキング（Tracking in image）ビデオの顔認識トラッキング（Tracking in video）認識顔に別の顔を乗せてマスキング（Face masking）認識した顔のデフォルメ（Face deformation）の4つがあります。 デフォルメとマスキングが特に面白いのでお試しあれ。 ちなみにおっぱいを顔として認識してもらおうとしたら怒られました。
２ちゃんねる掲示板のコテハン(２ちゃんねるでのハンドルネーム)でアイドル的存在である。もともとは「りぼんちゃん」というコテハンだったが→「りぼんのおっさん」→「りぼっさん」→「ぼっさん」となった。語尾に「でちゅわ」と付ける口調が特徴。 酔っ払って自発的にアップロードしたセルフポートレートの非常に愛嬌のある顔と朴訥としたファッションがニュース速報板住民に非常に受け、それを素材にしたコラが作られるようになった。風景画像との合成のみならず、人物の顔の部分をぼっさんに差し替えたり、手書きイラストと融合させたり、ぼっさんのシルエットやファッションを記号的に用いたり、ぼっさんの使い方は様々である。ニュース速報板においてはぼっさんは「フリー素材」扱いをされており、本人もそのことを容認している。 ちょwwwwニュースZEROのピザ屋の悪ふざけ問題で映った画像ぼっさんコラだったwwwwwwwwwwwwwww
PNGファイルをブラウザにドラッグ＆ドロップするだけで画像を最大70％まで圧縮することが可能なのが「TinyPNG」です。画像の質をほとんど落とさずにファイルサイズを少なくすることができ、閲覧者にとっては読込速度が高速化され、そしてサーバ側にとっては転送量が減ることで負荷の少ない結果を生むことができます。 TinyPNG – Compress PNG images while preserving transparency http://tinypng.org/ このサービスの特徴は、「非可逆処理」をPNGファイルに対しておこなうことで通常よりも高い圧縮率を達成していることと、透過PNG(アルファチャンネル)に対応していることです。今回は、下記の2つのファイルの処理をおこない、どの程度の圧縮が可能か見てみたいと思います。 Firefox24ロゴ：549KB フォルダーのアイコン：52KB
JPEG画像のEXIFヘッダに隠された仕掛けられたマルウェアを、Sucuri Research Labの調査チームが発見しました。このマルウェアはPHPの機能を用いてEXIFヘッダを読み込ませ、自らを実行させるようになっていました。 Malware Hidden Inside JPG EXIF Headers | Sucuri Blog http://blog.sucuri.net/2013/07/malware-hidden-inside-jpg-exif-headers.html Sucuri Research Labのチームは攻撃サイト認定されたサイトでこのマルウェアを発見しました。通常、バックドアはBASE64変換やgzip圧縮で身を隠しますが、このマルウェアはJPEG画像のEXIFヘッダに隠されていて、PHPの機能を用いて実行されるようになっています。 まず、サイト内で見つかった
先日開催されたGoogleの開発者向けイベント「Google I/O 2013」でお披露目された新しいGoogleマップ。一般には夏公開予定で、現在のところ招待制でデスクトップブラウザ用の試用版が提供されている。 編集部で新しいGoogleマップを試すことができるようになったので、簡単に紹介したい。 ストリートビューから、一気に宇宙空間へ 時として画像は言葉より雄弁だ。まずは以下の画像を眺めてみてほしい。 気象衛星画像は数時間ごとに更新か？ 完全にリアルタイムではないものの、気象衛星から撮影された雲画像は数時間ごとに更新されるものと思われる。 上の画像は、日本上空の気象衛星画像。一方、下の画像は同時間帯に確認したGoogleマップ。雲の形などからGoogleマップ上でも気象衛星画像が随時反映されていることが分かる。 月もある？ 宇宙空間には月も存在しているようだ。2013年5月26日17:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
