Posts Tagged ‘tips’

あらためて Readability 的な話でもしてみようか

Wednesday, June 8th, 2011

「ちょうど1年前に〜Safari5になった夜〜」なんてね、ちょうど1年前にSafariに「リーダー」という機能が搭載されました。リーダーとは、Webページから装飾や広告を取り除き、本文を読みやすく整形して表示するものです。この機能がついにこの秋に登場する「iOS 5」でも追加されるようですね。

その1年前にここでも電子書籍の話ついでにSafariのリーダーについてふれてみたり、iPadでリーダーと同等の表示にする手順を解説しています。

readability-001

たった1年の間にこのような機能を採用しているアプリなども増え、Safariのリーダーの元になった「Readability」もさらに進化しました。あげくの果てにはOSの標準機能として、iPhoneやiPadでも使えるようになる、と。

そんなわけであらためて、このReadability(読みやすさ、みたいな)的なことに絡めたいろんな話を書いておこうかな、と思います。最後におまけでリーダーボタンの発生条件もちょろっとね。

(more…)

高速化は一夜にしてならず

Thursday, June 2nd, 2011

ちまたではPHPのflush()を使ったWordPressのプラグインが話題のようですが、Webサイトの表示速度を改善したかったら、もう少しサイトの作り方を根っこから考えなおした方がいいんじゃないか?、と思いましてね…。

公開されているプラグインにどうこう言うつもりはなく、諸手を挙げて喜んでらっしゃる世間様の様子を見ながら「なんかなぁ…」「入れる前にできることあるんじゃないかな?」と。ちなみにボクも昔flush()での手法を試したことがあるんですけど、結局すぐやめちゃいました。

how-to-speedup-000

回線速度自体は昔に比べたら格段にあがってるのは事実ですが、いまとなっては環境としては比較的貧弱なスマートフォンみたいなデバイスも増えています。

サーバの負荷が気になるとか自分とこじゃできないなどの理由で、テキストデータをGzip化(データサイズが半分以下になる)しないのであれば、その他の部分でサイトの全体的な転送データサイズを減らす努力をしたり、構成そのものを見直した方がいいじゃないかなぁ…。

プラグインを入れて速くなった気になって満足するのか、本当の意味で高速化できるサイトの作り方を覚えておくのかは違います(笑)。

(more…)

Google Analyticsのレポートで表示スピードを見ちゃおう

Thursday, May 5th, 2011

世の中はゴールデンウィークの真っ只中かと思いますが、皆様いかがお過ごしでしょうか。今日は、サイトのアクセス解析で有名なGoogle Analyticsのレポートにサイト内のコンテンツの表示スピードを組み込めるようになったというのでその話を。

analytics-sitespeed

GoogleさんのWebサイトの表示速度へのこだわりは有名なトコですが、これまではWebmaster toolsのLabsの中に「Site performance」という項目で、Googleのツールバーを入れてる方の計測結果をもとにしたサイト全体の平均速度が表示されていました(いや、今もまだちゃんとありますが)。

で、今回のこの話は、Google Analyticsのトラッキングコードにちょいと追加をしてやることで、コンテンツ全体の表示スピードをチェックをし、どのページが重いとかそんなのが調べられるって感じでしょうか。

(more…)

黒い画面を使ってみる(ファイル操作編)

Friday, April 22nd, 2011

いまどきのパソコンでの作業は「GUI」でおこなうことがほとんどですので、多くのデザイナー諸氏にはなじみのない「CUI」の画面、実は知ってると知らないのでは作業効率に差が出る部分もあります(というのは、先日も書きました)。

terminal-000

昨日、銀座Apple Storeで開催された「CSS Nite Vol.56」がこの黒い画面の話で入力や編集作業が速くなるよ、といった内容が主だったのですが、黒い画面はそれ以外の作業でも効果を発揮します。

CUIをまったく触ったこともない人がこれらを始めるにはどうしたらいいの?ということもあるでしょう。Sassとか使うためにはインストールも必要ですからね。

まずはターミナルを使うこと、コマンドを入力して慣れることから始めるのが良いかな?と。基本のコマンドをいくつか覚えておけば、サーバにターミナルからログインしてそこでファイルを操作することもできます。

というわけで、今日は黒い画面(ファイル操作編)です。

(more…)

WordPress + W3 Total Cache + CDN な話

Tuesday, April 19th, 2011

今となってはさほどアクセスもないうちのブログなんですが、なんとなくCDN(Contents Delivery Network)を導入してみました。というのも、か細い回線&自宅サーバだったこの10年にお別れをし、自宅の引っ越しを機に海外のサーバに移転したからですが。

cdn-settings-001

日本語でしか書いてないこのブログ、普通に考えれば国内のサーバを借りて公開ってのが筋でしょうが、あいにくのひねくれ者なので「Media Temple」という海外のホスティング会社のDedicated Virtualのサービスを使っています(俗に言うVPSに似た感じのサービスで管理があまりいらない)。

サーバのスペック的には強力になったとはいえ、日本国内からではネットワーク的にはかなり遠い…。どれぐらい遠いかと言えば、日本とアメリカぐらい(そのまま 笑)。そういう背景もあって、このWordPressを使ったブログでもあれやこれやと実験しながら、せめてコンテンツ自体を最適化してロード時間を抑えようと努力してたわけですが、ネットワークが遠すぎたら限界も出てきます。

そこで、今回のこのCDN導入とあいなったわけです。

(more…)


Performance Optimization WordPress Plugins by W3 EDGE