【2019年版】Google Chrome（グーグルクローム）高速化！軽量化を実現する裏ワザまとめ | Ledge.ai
もはや業界の人のほとんどが使うようになった高速ブラウザGoogle Chrome(グーグルクローム)。 自ら【Googleが作った高速ブラウザ】という自信満々のコピーでブラウザ市場に殴りこみに来ただけあってそもそもかなり速いんです……が！ 「まだまだこんなもんじゃないハズだ！もっとお前は速くなれる！」と言ってきかない人たちはどこにでもいるようで、なかなか豪快な高速化手法が実は存在するので一気にご紹介しておきたいと思います。 01.とりあえず無駄をカットする まずはサクッとChrome本体の機能を使って、無駄なデータをカットしましょう。ここまではちゃんと動作が保証されている所なので、会社のPCでも大丈夫です。 標準機能での無駄データ削除手順Shift+Ctrl+Deleteで「履歴データの消去画面」に移動（Macの場合 Shift+Command+Delete）期間：全て[閲覧履歴]、[ダウ
ウェブページの重さを計測して高速化に向けたアドバイスをくれる「imgix Page Weight Tool」
ウェブサイト上に画像をアップロードする際、複数サイズの画像を用意したりファイルフォーマットを変換したりすることで、少しでもファイルサイズを小さくしてサーバーに負荷がかからないようにしますが、こういった地味な作業は取り扱う画像の数が多くなれば多くなるほど面倒になっていくものです。そんな画像加工関連の処理を自動かつリアルタイムで行ってくれるサービスが「imgix」で、ウェブページを表示する際に重要な「ページの重さ」を計測してくれるサービス「imgix Page Weight Tool」を提供しているので実際に計測してみました。 imgix Page Weight Tool • Learn how to improve your site or app’s speed. https://pageweight.imgix.com/ 「imgix Page Weight Tool」の使用方法はとても
デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
【2019年版】Google Chrome（グーグルクローム）高速化！軽量化を実現する裏ワザまとめ | Ledge.ai
もはや業界の人のほとんどが使うようになった高速ブラウザGoogle Chrome(グーグルクローム)。 自ら【Googleが作った高速ブラウザ】という自信満々のコピーでブラウザ市場に殴りこみに来ただけあってそもそもかなり速いんです……が！ 「まだまだこんなもんじゃないハズだ！もっとお前は速くなれる！」と言ってきかない人たちはどこにでもいるようで、なかなか豪快な高速化手法が実は存在するので一気にご紹介しておきたいと思います。 01.とりあえず無駄をカットする まずはサクッとChrome本体の機能を使って、無駄なデータをカットしましょう。ここまではちゃんと動作が保証されている所なので、会社のPCでも大丈夫です。 標準機能での無駄データ削除手順Shift+Ctrl+Deleteで「履歴データの消去画面」に移動（Macの場合 Shift+Command+Delete）期間：全て[閲覧履歴]、[ダウ
身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識 | DevelopersIO
こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基本的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 本題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の１つ、画像の最適化について紹介します。 初学者向けに細かく基本的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の本記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具
[ WordPress ] やった！！たった10分で。ほんの3つのプラグインと1つのサービス導入でブログが 200% 高速化しました！ | 覚醒する @CDiP
[ WordPress ] やった！！たった10分で。ほんの3つのプラグインと1つのサービス導入でブログが 200% 高速化しました！ 今日は幸せ気分の @donpy です。 なんで幸せかって？そりゃあ、自分のブログがちょっとでも高速化できたら幸せに感じるものです。 みなさんは超高速なサーバーとか契約して、快適な感じに見えてそれはもううらやましい限りなんですが、わけありまして、今のサーバーを離れるつもりは今のところないんです。 ならば、そんな制限のあるサーバーの中で、できるだけのことはやりたいと思うじゃないですか。 ってことで、みなさんもご存知のようにこのサイトの読み込み、めっちゃ遅いですよね。とりあえず10秒くらいかかるんじゃないかってレベルで遅い。 それもこれも私のhtmlが汚いとかデカイ画像なんとかしろよとか色々とあると思うんですが、それはそれで棚に上げといてでもどうにかならんもんか
![[ WordPress ] やった！！たった10分で。ほんの3つのプラグインと1つのサービス導入でブログが 200% 高速化しました！ | 覚醒する @CDiP](https://cdn-ak-scissors.b.st-hatena.com/image/square/f027de67f3a4d2b0133081646df0f0d91c933b3f/height=288;version=1;width=512/https%3A%2F%2Fwww.donpy.net%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F04%2FNewImage17.png)
各種ブラウザを高速化する方法まとめ - もとまか日記
以下を読んで。 10個以上ブラウザタブを開いてはいけない理由 : ライフハッカー［日本版］ブラウザタブを一度に10以上も開いていたら、PCが不安定になるのは当たり前です。で、不安定になる以外の理由の一つに以下があった。見たいページは「履歴」で探すほうが早い ブラウザの履歴やキャッシュ削除って高速化Tipsの定番だと思うんだけど、それが影響してブラウザが遅くなったり不安定になってるのかも？ てことで、各種ブラウザを高速化する方法をまとめてみたメモ。＜注意事項＞以下を試す際は、くれぐれも「自己責任」でお願いします。 ChromeChromeが圧倒的に軽くなる！拡張機能を使わない便利な小技１３ | コムテブログGoogle ChromeをRAMディスクに丸ごとインストールして超高速化する方法！ | フリーソフト,Windows PC活用情報局 Firefoxやたらと重い「Firefox」を、馬鹿
身につけておきたいWebサイト高速化テクニック #2｜検証ツールとそもそもHTTPって何だ編 | DevelopersIO
第1回のアジェンダ編では、高速化に関わる要因と解決策の全体像を紹介しました。 アジェンダ編にもかかわらず多くのブックマーク、シェアをいただきありがとうございます！ 余談ですが、記事にブックマーク、シェアをしていただくと、このブログでは執筆者に経験値がたまるような仕組みになっています。 たくさん経験値を貯めると四半期ごとに良いことがあるかもしれないので、気が向いたらこの他の執筆者の記事もシェアしていただけるとうれしいです。 言葉にせずとも、わかっていただけると思いますが、この記事も・・・ね？ 右上にあるボタンをちょちょっと。 本題 余談はさておき、本題に入りましょう。 今回は「無駄なリクエストとレスポンスの削減」に視点を置き、解決策について調査、計測して紹介してみたいと思います。 と思ったのですが、長くなりすぎたため、まずは「検証ツールとHTTPについて」紹介することにしました。 この記事の
身につけておきたいWebサイト高速化テクニック #1｜アジェンダ編 | DevelopersIO
Webサイトの表示高速化対策していますか？ 日本は欧米諸国に比べWebサイトの表示高速化対策をしているサイトが少ないです。 特に、最近ではスマートフォンの普及によりモバイルサイトの需要も増え、高速化をしなければいけない機会も増えてるのかなと思います。 日本のモバイルデータ通信はLTEで高速になりつつあるとは言え、まだまだ「貧弱！貧弱ゥ！」です。 幸いなことに僕も最近鶴の一声によってクライアントからサーバー周りまで包括的な高速化対策を経験する機会を得ることができました。 それまでは、「手間がかかりすぎるからできればやりたくない」というのが本音でした。職務怠慢ですね（苦笑）。 でも、できるだけ楽したい！と思うのが人の常。 この連載ではできるだけ楽をしながらできる高速化手法と計測結果を1つ1つ紹介しようと思います。 基本的にはすべて受け売りの内容です。やってみた対策を羅列して、連載の中で自分で試
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
