提供された素材が劣化していて、しかもそれを使うしかない状況なんてありえないとは思いますが、そんなときにはPhotoshopの「ぼかし(表面)」が役に立ちます。 劣化してしまった画像 ぼかし(表面) 半径:4pixel しきい値:23レベル 今までスタンプツールでノイズを消していた自分が悲しくなるくらい、簡単に補正することができます。
Fast & efficient imagecompressionOptimize JPEG, PNG, SVG, GIF and WEBP
Smart WebP, PNG and JPEG Compression for Faster WebsitesOptimize now
福岡を拠点に活動するPLUSではWebサイト制作・iPhone/Androidアプリの開発を行っています。 WordPressはそのままだとアクセスが増えた時に、重くなりがちです。プラグインも入れすぎるとさらに重たくなることに。このブログだと表示スピードが改善前は7.7sかかっていましたが、見直しを行って0.4sにまで改善することができました。表示スピードは離脱率や、SEOとしても重要な要素ですので、改善する余地は大いにあります。 高速化に役立つツール まずはじめに、改善に役立つツールを2つご紹介します。 一つ目はWebWait。URLを入れると、読み込み時間を教えてくれます。まずはどのくらい時間がかかっているのか、チェックしてみましょう。 次はGoogleの「PageSpeed Insights」。URLを入れるだけで、高速化に役立つTipsを教えてくれます。もともとGoogle社内で
なぜ、ごちゃごちゃしてるのか?ぱっと気づくのがこの2点です。 改行やスペースがほとんど使われていない CSSやJavascriptが外部化ファイル化されていない Googleとしてはソースがきれいなことよりも、読み込み速度を速くすることでユーザーのストレスを軽減したり、ファイルサイズ小さくすることでサーバーへの負荷を減らしたりすることの方が重要だと思います。 もちろんアップする前にこのような状態にしているだけで、それまではきれいに書かれているはずですが。 ということで、「コードの軽量化」と「外部ファイル化」の2点について考えてみます。 コードの軽量化について HTML、CSS、JavaScriptなどのコードは、改行やスペースを使わずサイズを小さくした方が読み込みは速くなります。 これは当然ですね。 コードの見やすさよりも読み込み速度やサーバーの負担軽減を優先するなら、できるだけファイルを
Twitterに投稿すると強制的にt.coが標準化となり約半年が経ちました。 つい最近TwitterAPIに手をつけたもののAPI上ではt.coの表示ばかりなので、いったいどこのサイトなんだろと解析がはかどりませんでした。 短縮URLの展開にはget_headersでヘッダーのmetaタグを使うのが主流みたいですが、アクセス数が増え、レスポンスもいまいち。 ※get_headers — HTTP リクエストに対するレスポンス内で サーバによって送出された全てのヘッダを取得する(PHP5より実装) http://php.net/manual/ja/function.get-headers.php 同じURLに対しても違う短縮をしてしまうため、何回もヘッダにアクセスせねばならず、サイトに対しての連続アクセスが避けられなくなります。また個人のサーバに連続アクセスすると大変まずいことになります。
Compress javascript or css code and reduce their size and improve page load times. Quick,easy and free!Best way to compress javascript and css Make your code faster for freeVersion 0.5.7
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く