[B! 高速化] nantanのブックマーク

nantan id:nantan

高速化に関するnantanのブックマーク (35)

【Sassで解決】CSSの@importはどれだけ悪影響なのか自分で試してみる | DevelopersIO
はじめに Webサイトの高速化について調べてみるとCSSの@import url();は使わない方が良いという指摘をよく見かけます。問題となるのはパラレルロード︵複数のリソースを同時にロードする︶ができなくなる場合があることと、CSSの読み込み順序が変わってしまうことがあるようです。実際にどれだけ読み込み速度に問題があるのか、3つの読み込み方で試してみたいと思います。比較する3つの読み込み方今回はこの3つで読み込みを比較してみます。 CSSの@import url();で読み込む HTMLのlink要素で別々に読み込む Sassで@importして1つにまとめてlink要素で読み込む対象ブラウザ今回の検証ブラウザはChromeとInternet Explorerです。どちらも備え付けの開発者ツールで検証します。今回計測したサンプルサンプルはこちらに公開しているので問題があ
nantan 2013/12/19
css

tips

sass

高速化
リンク
アイ・オー・データ、コピー高速化ソフト「マッハCopy」を無償公開
nantan 2012/06/28
フリーソフト

Windows

高速化
リンク
さくらVPSのWordPressをチューニングして30倍高速化した方法 - 原宿・表参道.jp
今日はさくらVPSに載せているWordPressのパフォーマンスをチューニングして高速化に成功したので安心して眠れるという話をします。 2.5ページ/秒だったのが70ページ/秒と30倍高速化。以前はDaily数千PVで重くなっていたサイトがDaily3.6万PVを余裕で捌けるようになりました。 #ちなみにproxy cacheという手法はwordpressでなくても動的コンテンツ全般に有効です。 ▼サーバ気にしなくて良くなったので今週末新宿御苑に花見に行けました☆。枝ぶりがいいさくらが多くてほんといいところだと思うの。 WordPressチューニング高速化結果http://hara19.jp/のサーバ環境と測定結果は以下のとおり。 WordPress稼働環境さくらVPS 1GB/CentOS5.5/PHP5.3/MySQL5.5/WordPress3.1。 WEBサーバはチューニングにあ
nantan 2011/05/03
WordPress

チューニング

高速化
リンク
お金をかけずMacのネット環境を3倍高速化！騙されたと思ってdolipoとGooglePublicDNSを導入しよう(Lionも対応）｜男子ハック
Macおすすめアプリお金をかけずMacのネット環境を3倍高速化！騙されたと思ってdolipoとGooglePublicDNSを導入しよう(Lionも対応︶2011年1月10日819 @JUNP_Nです。最近の男子ハックはどうやらMacの記事が人気があるみたいです。人気ついでに2〜3分でMacでのブラウジングが高速にする方法をご紹介。昔からMacを使っている人には定番ですが、最近Macに移行してきたひとのための覚え書きです。これを知らないMacユーザーさんには是非教えてあげて下さい。
nantan 2011/04/04
mac

dns

google

tips

Apple

高速化

dolipo
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
nantan 2010/05/31
loop、ループ

javascript

tips

高速化
リンク
CSSセレクタの高速化の話し - Webtech Walker
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった︵というか全然知らなくてちょっとびびった︶ので紹介します。セレクタは右から左に解釈されるこれは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。︵#fooをとるとより高速︶特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
nantan 2010/05/18
*css

最適化

tips

高速化
リンク
JavaScriptが遅い4つの原因とは？
1つ前の記事﹁JavaScriptをいかに高速化するか、IE9、Firefoxの取り組み﹂では、IE9とFirefoxにおけるJavaScriptの高速化について紹介しましたが、そもそもJavaScriptの実行速度はなぜ遅いのでしょう？その理由について、Mozilla Japanテクニカルマーケティング担当の浅井智也氏が、スライド﹁Trace Monkey﹂でポイントをまとめています︵このスライドはタイトルから分かるとおり、Firefoxの当時の新しいJavaScriptエンジン﹁Trace Monkey﹂を紹介するために1年以上前に作成されたスライドですが、1つ前の記事を見ると、ここで示された課題はいまも変わっていないようです︶。全67枚のスライドの20枚目から24枚目の5枚を以下に紹介します。 JavaScriptが遅い原因は、以下の4点にまとめられています。インタープリタ型言
nantan 2010/03/24
javascript

高速化

解説

プログラミング
リンク
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
nantan 2010/02/16
jQuery

tips

javascript

高速化

プログラミング
リンク
PHPをC++に変換して高速化する「HipHop for PHP」をFacebookが公開 : candycane development blog
アメリカ時間の昼ごろにTwitter上が一つのニュースで埋め尽くされました。 PHPをC++に変換して高速化する技術をFacebookが公開したというものです。世界中のPHP ハッカーが注目する興味深いリリースという事でちょっと長いですが、リリースノートの和訳を行いました。原文 http://developers.facebook.com/news.php?blog=1&story=358 Facebookにおいて重要なことのひとつが動作の速さです。過去6年間にわたって、PHPが提供する高速な開発ペースによって多くを成し遂げてきました。プログラミング言語としてみると、PHPはシンプルです。簡単に習得し、簡単に書き、簡単に読み、簡単にデバッグする事ができます。我々は他の言語よりも早くエンジニアを獲得し、それによってより早いイノベーションをすることができます。今日、私は2年に渡って作業して
nantan 2010/02/03
php

ソースコード

言語

プログラミング

C++

高速化
リンク
動作の遅くなったGoogle ChromeにChromeタスクマネージャーでメモリ最適化 - 適宜覚書はてな異本
Google Chromeはサクサク動く軽量なWebブラウザですが、その代償としてメモリを暴食します。RAMなんぞ腐るほどあるわという人には問題にならない話ですが、そうもいかないのが普通でしょう。︻以下はdev版でのみ有効です︼そこでタスクマネージャーを使ってChromeで使用しているメモリを管理します。まず、Google Chromeの起動オプションに﹁--purge-memory-button﹂を追加して起動します。この状態で[Shift]+[Esc]を押すと下図のようにタスクマネージャーがポップアップします。︵先のオプションが正しく動作していないと画面右下にある﹁Purge Memory﹂ボタンは表示されません。︶拡大︵または最大化︶したり、列幅を調整することも出来ます。見たように各タブでどれだけのメモリとCPUを使用しているか、ネットワークとどれだけの通信をしているかというの
nantan 2009/12/09
chrome

高速化

Google

メモリ
リンク
JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナル
Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a RubyonRails core alumnus. Thomas Fuchs氏が6 easy things you can do to improve your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRubyonRailsでコアチームで開発を担当していたこともある。 JavaScriptエンジン
nantan 2009/11/14
javascript

まとめ

高速化
リンク
HDDを正しくデフラグしてWindowsを高速化する方法とデフラグ豆知識
| 人気ページ | おすすめ記事 | 定番ツール | HDDを正しくデフラグしてWindowsを高速化する方法とデフラグ豆知識
nantan 2009/10/18
デフラグ

まとめ

高速化

PC
リンク
Google ChromeのキャッシュをRAMディスクに配置して超高速化！ :教えて君.net
こちらで無事にRAMディスクを作成することができたら、ChromeのキャッシュフォルダをRAMディスクのドライブ上に変更する。ただし、Chromeにはキャッシュフォルダの位置を設定する機能が搭載されていない。そこで﹁Junction﹂というツールを利用する。﹁Junction﹂はウインドウズやChromeがCドライブ上のChromeキャッシュフォルダにアクセスしたつもりで、実際にはRAMディスクドライブ上のフォルダにアクセスしている、という状態を作り出してくれる。設定はネトラン特製batファイルで簡単に行えるぞ。Chromeはもともと高速なので、効果が少し分かりにくいかもしれないが、長時間ネットに張り付くヘビーユーザーにとっては、0.1秒の積み重ねがバカにならない。情報収集やウェブアプリ利用の効率を、極限まで高めることができるはずだ。 ■ ジャンクションでChromeキャッシュをRAMデ
nantan 2009/10/08
chrome

高速化

ramdisk
リンク
Firefox高速化テクニック8 | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizableLinuxLinksにおいてFirefox Tipsのタイトルのもと、Firefoxの高速化を実施するためのテクニックが紹介されている。設定をすることでFirefoxの性能を引き上げ、Google Chromeのように開発ペースの早いブラウザにも対応できると冒頭に説明がある。なお、紹介されているテクニックを試す前に、prefs.jpファイルに保存されている設定のバックアップをとることが推奨されている。紹介されているテクニックは次のとおり。 BleachBitを使う BleachBitをインストールして使う。BleachBitはキャッシュ、履歴データ、一時ファイル、不要な使われていないローカルファイル、ログ、クッキーなどのデータを削除するツール。Windows版とLinux版が提
nantan 2009/10/08
Firefox

高速化

まとめ
リンク
Firefox の places.sqlite を再起動せずに VACUUM する方法 - えむもじら
Firefox のブックマークと履歴を保存している places.sqlite は、使用しているうちに断片化して未使用領域がファイル全体に広がってしまい、Firefox の性能が悪化してしまうとい問題があります。これに対して SQLite コマンドで直接 sqlite ファイルを VACUUM する手法が紹介されていますが、Speedup Firefox with VACUUM « Oremj’s Blogでは Firefox だけで、しかも再起動せずに places.sqlite を VACUUM する手法が紹介されていました。ツールメニューからエラーコンソールを開くコード欄に次のコードを入力する Components.classes["@mozilla.org/browser/nav-history-service;1"].getService(Components.interf
nantan 2009/08/26
VACUUM

Firefox

高速化
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
nantan 2009/08/26
最適化、エラーコンソール

Firefox

高速化
リンク
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
nantan 2009/07/13
Firefox

高速化
リンク
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログパスワード認証閲覧するには管理人が設定したパスワードの入力が必要です。管理人からのメッセージ https://mac-tegaki.comへ移転中閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
nantan 2009/07/07
Firefox

高速化
リンク
Mozilla Re-Mix: Firefoxでダウンロードを10倍速にできるアドオン「FireDownload」
ブラウザでダウンロードする際、数十キロバイト程度画像などなら数秒で終わりますが、数百メガもあるソフトウェアなどをダウンロードしているときは、ダウンロード中であることを忘れてしまうほど時間がかかる場合があります。回線速度や、混雑具合によってもこれらは大きく変化しますが、どんな状況でも速いにこしたことはありませんね。 Firefoxには、こうしたダウンロード支援機能を持ったアドオンがいくつもあり、複数のファイルを効率良くダウンロードしたりすることができます。今回はこうしたダウンロードツールの中から、「FireDownload」というアドオンをご紹介します。「FireDownload」は、Firefoxデフォルトのダウンロードと比較して、およそ10倍速でダウンロードを行うことができるというアドオンです。＊相手サーバーなどにより機能が有効とならない場合もあります。（その場合は通常ダウンロ
nantan 2009/06/30
Firefox

高速化

アドオン
リンク
株式会社スタイルズ
AWSアドバンスドコンサルティングパートナーの一員として活動する株式会社スタイルズが、AWS導入、移行、開発、セキュリティ、運用保守など、すべてのご相談に乗らせていただきます。 AWSを導入したいが何から始めたらいいかわからない既存のベンダーが新技術に弱く、良い提案がもらえないクラウドの導入にセキュリティの不安がある AWSをとりあえず導入したが、さらに活用していきたい社内にAWSの知見を持っている人がいない AWSならではのシステム開発を詳しく知りたい
nantan 2009/06/19
CSS Splites

高速化

web

css
リンク
1 2 次のページ