CSS will-changeプロパティについて知っておくべきこと | POSTD
はじめに WebKit系ブラウザでCSS transformやanimationといったプロパティを使った時に発生する、“例のちらつき”。これに気づいたことのある人ならば、おそらく“ハードウェア・アクセラレーション”という用語をこれまでにも耳にしたことがあるでしょう。 CPU, GPU, ハードウェア・アクセラレーション 一言で言うと、ハードウェア・アクセラレーションとは、グラフィックス・プロセッシング・ユニット（GPU）を用いてセントラル・プロセッシング・ユニット（CPU）の処理量を軽減し、ブラウザのレンダリング処理を効率化することです。ハードウェア・アクセラレーターを有効にしてCSS処理を使うと、ページのレンダリングが速くなり、ページ表示が高速化されます。 名前の通り、CPUとGPUはどちらもプロセッシング・ユニットです。CPUはコンピュータのマザーボードに取り付けられている部品で、ほ
ブラウザにやさしいHTML/CSS
1. HTML/CSS 〜 「お・も・て・な・し」をブラウザにも 〜 TAKEHARU IGARI Front-end Engineer / Evangelist ブラウザにやさしい <html5j パフォーマンス部 第⼀回勉強会 /> 2. プロフィール • TAKEHARU IGARI 猪狩 丈治 - 所属 • 株式会社 Lei Hauʼoli フロントエンドエンジニア - 略歴 • 表⽰速度、保守性、ブランディング、SEOを考慮したフロントエンドエンジニアリングを得意とし、 現在、各ナショナルクライアントのプロジェクトや、株式会社リクルートの主要サービスのフロント エンド開発に携わり、⾼速化コンサルティングも⾏う。 - 執筆 • 技術評論社「WEB+DB PRESS」 • Vol.66 〜我流コードからの卒業HTML構造化指南 • Vol.59 〜「Webサイト超⾼速化実況中継 ──
もっさりFirefoxが劇的に軽くなる「Vacuum Places Improved」 :教えて君.net
Firefoxを長期間使っていると動作が重くなってくる。「Vacuum Places Improved」でバキュームしてデータベースを最適化し、当初の速度を回復させよう。ワンクリックでバキュームを実行できるほか、自動バキュームの設定も行えるぞ。 Firefoxの「places.sqlite」には履歴やブックマーク情報が収納されている。このデータを最適化すれば、Firefoxの挙動を当初の軽さに戻すことができる。アドオン「Vacuum Places Improved」でバキュームが定期的に実行されるように設定しておこう。 ■ 重くなったFirefoxのデータベースをリフレッシュ 「Vacuum Places Improved」をインストール後、「ツール」→「Placesを掃除」をクリックしよう 画面右下にポップアップでバキュームの完了が表示される ツールバーを使わなくても、Firefoxの
Firefox高速化の切り札「FasterFox」でブラウザ魔改造 | 教えて君.net
Firefoxはもともとブラウザの中でもかなり高速な部類であるが、アドオンを使えば、さらに超高速なブラウザに改造できる。「FasterFoxLite」はFirefoxのネット接続速度を最大限引き出してくれるアドオン。今回は、カスタム設定で劇的に速くなる動作環境を作ってみる。 まずはパイプライン化を行うことで、通信のタイムラグがなくなり、描画が速くなる。メモリを大量に積んでいる人は、キャッシュ項目の設定でさらに高速化が行えるぞ。カスタム設定がよく分からない人は、標準で用意されているプリセットから選択してみよう。転送速度の高速化が終わったら、次はFirefox本体の起動を早くしてみよう。ショートカットを少しいじるだけで、最初の起動が素早く行えるようになるぞ。 ■ Firefox超高速化設定 アドオン一覧より「FasterFoxLite」の設定を選択 「プリセット」で「カスタム」を選択しよう。詳
Firefox Too Slow? Optimise Your Browser With These Tricks
Firefox keeps getting faster – so much that it's starting to tie Chrome – but for some people it's just never fast enough. If you want to get the absolute best performance, you'll need to tweak some under-the-hood settings so that they prefer performance over convenience. Here are a few tips which you can use to get that extra speed boost. Disclaimer: While none of these tweaks should break Firefo
HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ（t32k.me）が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ
グーグルがWebを高速化するために何をしているか
本のページをめくるように、どんなWebページも素早く表示できるようにする。グーグルは以前からWebの高速化に取り組んできました。 6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」では、グーグルのUrs Hölzle氏がWebの高速化技術について「Speed Matters」（スピードの重要性）というセッションで紹介ています。 Webを高速化するためにどのような技術があり、あるいはどのような技術が検討されているのか、このセッションの内容を紹介しましょう。 スピードは重要だ 私が話そうとしているのは、「Speed matters｣（スピードの重要性）についてだ。Webは空飛ぶジャガイモより速くなれるだろうか？ どのくらい速くなれるだろうか？ （参考：オペラがやってくれた！ グーグルの空飛ぶジャガイモに対抗）
WindowsでFirefox3.5の起動をスピードアップする方法 | ライフハッカー・ジャパン
特定のフォルダを空っぽにすることで、Firefox3.5の起動をスピードアップすることができますよ。 Firefox3.5はWindowsのセキュリティ上の理由で、起動時に一時フォルダなどを読みに行く作業をします。 その際に一時ファイルや最近使ったファイルなどを保存しすぎていると、Firefox3.5の起動が鈍るうえ、バグ（Bug 501605）の原因になることもあるようです。 ブログ「Mozilla Links」では以下のフォルダ内のファイルを削除することをすすめています。 C:\Documents and Settings\*user*\Local Settings\History C:\Documents and Settings\*user*\Local Settings\Temporary Internet Files C:\Documents and Settings\*use
インターネット高速化。GoogleChromeに関して色々やった事まとめ
来たよ。来たよ。キチャッタヨ。 えとたしか顔文字だと | |ω･`)ｷﾀﾖ| |´･ω･`)ｷﾀﾖ| |(+･ω･´)ｷﾁｬｯﾀﾖ♪ 今回のテーマはGoogleChrome。 こやつがかなり良い感じでフィットしてきました。 このたまらないフィット感を作るために色々やった事を書き記します。 よさそうだったら是非、体験してみてください。 始めに、ネット初心者の方へ この文章は初心者の為の文章です。 Chromeくらいしってるわ！という方は読み飛ばして次へ。 皆さんがインターネットに接続する、といえば、青いeマークをクリックというのが一般的です。 これは最初からお使いのパソコンに入っている、「インターネットエクスプローラー」というソフトです。 このソフトのおかげでインターネットが閲覧できます。 こうしたインターネット閲覧ソフトを「ブラウザ」と呼びます。 このブラウザには様々な種類があり、今回ご紹
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Mozilla Re-Mix: 効果歴然！Firefoxのメモリ使用法を変更して軽快に動作させる方法。
Firefoxは多機能である上に、拡張機能を多数インストールするなどで、日に日にヘビーなブラウジング環境になりがちです。 海外のブログでは、様々なFirefoxの動作軽量化や速度向上についてのTip'sが多く書かれていますが、あてにならないもの、それはちょっと怖いな・・というカスタムも多いのでうかつには手を出せません。 一応ユーザーとして一通り試していますが、その中でも簡単で安全と思われ、効果を体感できたメモリマネジメント方法をご紹介します。 ご存じのように、Firefoxを利用してブラウジングしている際のメモリ使用量というのはかなりのサイズで、他のアプリケーションやWindowsの動作にも少なからず悪影響を及ぼしている場合があります。 下記の2点の設定は、Firefoxのメモリ使用方法を少しカスタムするだけで体感できるほど軽快に動作させることができるTip'sです。 ■メモリーキャッシュ
動作が遅くイライラしたのでFirefoxを軽くする方法をまとめてみた | cosoad
色々なブラウザを使ってみましたが結局いつもFirefoxに落ち着いてしまいます。 ですがこのブラウザ、中々どうしてか動作が遅くイライラしたので軽くする方法をまとめてみました。 1.about:configをいじる まずはFirefoxのアドレスバーに「about:config」と打ち込んでEnterを押してみる。 するとabout:configをいじれる設定画面へと切り替わります。 そして設定画面から↓以下のように設定を変更 network.http.pipelining.maxrequests→「8」 network.http.pipelining→「true」 network.http.proxy.pipelining→「true」 browser.cache.memory.enable→「true」 設定は以上です。 次に整数値を入力します。 上記でも設定して頂い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com