タグ

高速化に関するblueribbonのブックマーク (139)

  • リニューアルした日経電子版が高速すぎてヤバイ件|こんぴゅ

    経済新聞は国内を代表する経済誌だ。その電子版はwebでの継続課金を大成功させ、いまや50万以上の有料会員を擁するモンスターサイトだ。 その日経電子版が11月6日に全面リニューアルしたのだが、公開後、web業界がにわかにざわついた。表示速度が爆速だったのだ。日経公式もモバイルで2倍の表示速度を達成したと堂々と宣言していた。 webサービスは継続率こそ神KPIで、その継続率には速度が大きく影響する。 これはチェキらないとヤバイと感じ、友人のkitakさんとスピードの秘密を調査してみた。 Fastlyをコンテンツキャッシュに使う殆どのデータはFastlyを経由して取得されていた。Fastlyは最近注目を集めているCDN(世界中にエッジサーバーを配置し、高速にコンテンツを配信するサービス)で、非常に高機能でユニークなサービスだ。 一般に、CDNはいったん世界中にコンテンツをばらまくと、それを無

    リニューアルした日経電子版が高速すぎてヤバイ件|こんぴゅ
    blueribbon
    blueribbon 2017/11/17
    ・Fastlyをコンテンツキャッシュに使う ・ServiceWorkerによるブラウザキャッシュ ・お手本のようなHTTP/2の使い方 ・Resource Hint APIによる先読み ・躊躇なくwebpを投入
  • そろそろプログラマーもFPGAを触ってみよう! - Qiita

    これはbuilderscon tokyo 2016の発表スライドです。 自己紹介 @kazunori_279 クラウドのデベロッパー・アドボケイト エバンジェリストみたいなお仕事 コミュニティ支援:GCPUG、bq_sushi、TensorFlow User Group etc 趣味FPGA 2013年くらいからいじり始め FPGAエクストリーム・コンピューティング主宰:合計8回 これまでに書いたFPGA記事 はてなブックマークでバズった記事たち マイクロソフトはどうやってBingをFPGAで実装したか: 952 users ハード素人が32bit CPUFPGAで自作して動かすまで読んだのまとめ: 576 users 文字通り「ネットワークがコンピューター」な金融HFTでのFPGAの使われ方: 517 users JP Morgan Chaseがデリバティブ専用スパコンをFPGA

    そろそろプログラマーもFPGAを触ってみよう! - Qiita
    blueribbon
    blueribbon 2016/12/05
    ・FPGA:デジタル回路を自分で設計できるLSI ・Microsoft Bingでは1つのWebコンテンツを54個のステートマシンに同時に流して並列に特徴量抽出→FPGA実装では処理時間が4μsに。150倍の高速化。
  • サイトを37倍に高速化した7つの手法 - オールアバウトTech Blog

    今回はオールアバウトのnnmrが弊社サイトAll About Japanの速度を高速化した経緯についてまとめます。 All About Japanとは そもそもAll About Japan(以下AAJ)とは何かといいますと、弊社が提供している訪日外国人向けの日紹介サイトです。 外国人向けサイトで、英語中国語(繁体字)、中国語(簡体字)、タイ語、韓国語の5か国語に対応しております。 「Anime」「Izakaya」「Ninja」といったような特集や、実際に観光する人向けのモデルルート記事が特色です。 ■ 特集 (url : http://allabout-japan.com/en/tag/sushi/ ) ■ モデルルート記事 (url : http://allabout-japan.com/en/article/222/ ) 技術的な紹介 LAMP環境です。 (サーバー構成は後に記述

    サイトを37倍に高速化した7つの手法 - オールアバウトTech Blog
    blueribbon
    blueribbon 2016/10/03
    ・SQL見直し(slowquery、New Relicを活用し、index追加、クエリ見直し) ・サーバー構成見直し ・Laravelによる速度改善(config:cache追加) ・PHPのバージョンアップ ・KVSキャッシュ時間を見直し
  • Androidアプリの開発を爆速化させるInstant Runを今日から使おう - Qiita

    TL;DR Android Studio 2.0 Preview で登場した Instant Run はとにかくアプリ開発を 5 倍ぐらい高速化できるので可及的速やかに導入すべき (20秒でわかる動画 ) Instant Run とは Instant Run は、 Android アプリ開発中に動いているアプリを インストールし直すことなく 実行中に動的に修正することができる仕組みです。エミュレータだけでなく実機でも動きます。 Java だと Hot Code Replace とか、 Visual Studio だと Edit and Continue とか呼ばれるやつです。 今までモバイルアプリ開発で公式にこれができるプラットフォームはなかったと思うので結構革新的。 (非公式だと JRebel for Android とかありました) 2015/11/22 (現地時間) の Androi

    Androidアプリの開発を爆速化させるInstant Runを今日から使おう - Qiita
    blueribbon
    blueribbon 2015/12/20
    「Instant Run は、 Android アプリ開発中に動いているアプリを インストールし直すことなく 実行中に動的に修正することができる仕組みです。エミュレータだけでなく実機でも動きます。」
  • chromeの爆裂的なメモリ消費をなんとかする拡張 * prasm(プラズム)

    著者:シンタロヲフレッシュ Graphic Designer / cinematographer. 「prasm(プラズム、って読みます)」は週末だけが楽しいWeekenderではなく、1週間7日間、自分のしっくりを追い求め、日々をアップデートし続けるそんな“Weeker”に献げるブログです。 しっくりくるモノ・コトが好きなシンタロヲフレッシュがあなたの明日をしっくりさせるべく、しっくりにまつわるアレコレを書いていきます。 より詳しくプロフィールは「about」へ。

    chromeの爆裂的なメモリ消費をなんとかする拡張 * prasm(プラズム)
    blueribbon
    blueribbon 2015/06/01
    ・OneTab:開いているタブ全部を目次ページに押し込んでくれる ・The Great Suspender:アクティブじゃないタブを自動的に停止
  • JavaのString生成方法がボトルネックになっていた話 - WAF Tech Blog | クラウド型 WAFサービス Scutum

    はじめに 先日、私たちが開発しているクラウド型WAFサービス、Scutum(スキュータム)において、予想していなかった箇所の修正によってサーバの負荷が大幅に減るということがありました。原因はこのエントリのタイトルにもあるように、Stringクラスのインスタンスを生成する際の方法にありました。 Stringクラスのコンストラクタとcharset Stringクラスにはいくつかのコンストラクタが用意されています。我々が使っていたのはString(byte[] bytes, String charsetName)です。2つめの引数で、"MS932"や"UTF-8"のような文字集合(以下charset)を明示的に指定するものです。 ScutumのようなWAF(Web Application Firewall)は通常のウェブアプリケーションとは異なり、起動している間にさまざまなcharsetを扱うこ

    JavaのString生成方法がボトルネックになっていた話 - WAF Tech Blog | クラウド型 WAFサービス Scutum
    blueribbon
    blueribbon 2015/05/10
    「異なるcharsetが3つ以上混在してしまっている場合、キャッシュは効きません。JavaランタイムはCharsetを探す処理をはじめからやり直してしまいます。」 対策:自分でCharsetクラスのインスタンスをキャッシュする。
  • ユーザーの体感速度を高めるためのJavaScriptチューニング(後編)

    連載「Webサイト・アプリ高速化テクニック徹底解説」の第3回は、前回の「ユーザーの体感速度を高めるためのJavaScriptチューニング(前編)」の続きです。この後編では、「ユーザーの操作を阻害しない」方法についてJavaScriptのシングルスレッドやイベントループを交えて解説し、HTML5のWeb Workersについても紹介していきます。 前回は、ユーザーの体感速度を向上させるための方法として、3つのうち「ページを素早く表示する」と「ユーザーに素早くインタラクションを返す」を解説しました。今回は、最後の「ユーザーの操作を阻害しない」について詳しく解説していきます。 ユーザーの操作を阻害しない JavaScriptによる処理が重くなると、いつまでも画面が更新されなかったり、ユーザーの操作が止まってしまったりということがあります。止まっている時間が長すぎると、ブラウザから応答がないという

    ユーザーの体感速度を高めるためのJavaScriptチューニング(後編)
    blueribbon
    blueribbon 2015/05/10
    ・setTimeout関数などによる擬似的な並列処理 ・バックグラウンドでJavaScriptを実行する「Web Workers」(HTML5)
  • ユーザーの体感速度を高めるためのJavaScriptチューニング(前編)

    連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。JavaScriptの同期・非同期の仕組みやscript要素のasync属性、defer属性について詳しく解説します。 今回から複数回に分けて、JavaScriptの高速化をテーマに解説していきます。まずは、ユーザーの体感速度を高めるためのJavaScriptチューニングということで、単純なJavaScriptの構文によるスピードを比較するようなものではなく、主にユーザー視点からの高速化を主眼に解説します。その中で、同期・非同期といったJavaScriptの仕組みやscript要素のasync属性、defer属性などについても触れていきます。 ユーザーの体感速度を向上させる 一概にJavaScriptの高速化といっ

    ユーザーの体感速度を高めるためのJavaScriptチューニング(前編)
    blueribbon
    blueribbon 2015/05/10
    ・body要素の最後にscript要素を記述する ・script要素にdefer属性をつけると、コンテンツの表示が終わったあとに、そのJavaScriptを実行するようになる
  • デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本

    スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンドエンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド

    デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本
  • ページ高速化のため .htaccess でキャッシュ設定を絶対やっておこう!

    This domain may be for sale!

    ページ高速化のため .htaccess でキャッシュ設定を絶対やっておこう!
  • サクサク無効化。キャリア製アプリを根絶する「無効化マネージャー」が便利。 - すまほん!!

    [2013/11/02 追記] 現在このアプリはマーケットでは公開停止しており、制作者様のページからapkファイルをインストールする必要があります。 通信キャリアの販売するAndroidスマートフォンには、キャリア謹製のアプリケーションがプリインストールされています。しかしこうしたキャリア製アプリが、しばしばバックグラウンドで妙な挙動をしたり、電池消耗の原因となっていることがあるのは以前から指摘している通りです。 こうしたキャリア製のプリインストールアプリはアンインストールできないことがあります。その場合、Android 4.0から標準機能となった無効化を行うことができます。 しかしちまちまと無効化をするのは、正直面倒です。そうした作業のために、アプリ一覧を見やすく再配置し、サクサク無効化できるのが、名前の通りのAndroidアプリ「無効化マネージャー」です。 無効化できるアプリだけが抽出

    サクサク無効化。キャリア製アプリを根絶する「無効化マネージャー」が便利。 - すまほん!!
    blueribbon
    blueribbon 2013/04/23
    ・Android 4.0から標準機能となった無効化機能をサポートするアプリ ・アプリ一覧を見やすく再配置し、サクサク無効化できる
  • 最近Chromeが重いと感じたら…軽さを取り戻すための6つの爆速化設定 | 教えて君.net

    Google Chromeが「軽さ」を売りにしていたのは過去の話。最近は先進的な機能を盛り込んだ分、重くなっており、ちょっと古いマシンで重いページを開くと、固まってしまうこともしばしば。軽量化のためのチューンアップが欠かせないのだ。基である初級編から、ちょっとリスクのある上級編まで、Chrome軽量化のテクニックをおさらいしよう。 Chromeが重いときの対処法としては、まず、履歴やキャッシュが溜まっていないかを確認しよう。これらのデータを全て削除し、ネットワークの自動検出の設定を無効化する。ここまでが基の設定。パソコンのスペックが充分な場合は、これでChromeは快適に動くようになるはず。 それでもまだ重い場合は、ブラウザ動作の体感速度をアップさせる工夫が必要だ。Chrome標準の「先読み」機能を有効にして、ウェブの読み込み時間を短縮。さらに、タブを複数開いているときに、使っていない

    blueribbon
    blueribbon 2013/04/14
    アドレスバーに「chrome://flags」と入力 1.「すべてのページでGPU合成を行う」→「有効」 2.「スレッド合成」→「有効」 3.「高速オーバーフロー スクロール」→「有効」
  • インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久

    どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん

    インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
    blueribbon
    blueribbon 2012/11/28
    どんなサイトでも、どんなCMSを使っていても、インストールするだけでCSSやJavaScriptの最適化、画像ファイルの最適化、HTML文書の最適化を自動的に行なってくれるApacheのモジュール。
  • xargs -P が激しく便利なのでメモ - おともだちティータイム

    xargs の -P オプションを使うとプロセスを複数起動して処理を並列に行なうことが出来る。 例 例えば、 1 万枚の JPEG 画像を全て 800x800 に収まるように効率良くリサイズしたい。 まず私はこのようなコマンドを考えた。 convert --geometry 800x800 *.jpg しかし zsh に怒られた。 zsh: argument list too long: convert 引数が全て展開されるためこのような事が起きる。 私は xargs を使って処理することを思い付いた。 ls | xargs -I{} convert --geometry 800x800 {} c_{} 処理は行なわれるが非常に遅い。 しかも CPU を全く使っていないことが分かり、私は処理を並列的に行なう事を考えた。 そこで xargs の -P オプションの出番である。 P の後に並列

    xargs -P が激しく便利なのでメモ - おともだちティータイム
    blueribbon
    blueribbon 2012/11/22
    「xargsの-Pオプションを使うとプロセスを複数起動して処理を並列に行なうことが出来る。」
  • 複数の無線LAN・3G・4Gネットワークを束ねて爆速でインターネットに接続する「Dispatch」

    カフェや空港などに行くと複数のSSIDが利用可能な無線LANアクセスポイントとして表示される場合がありますが、実際に接続してデータ通信を行うには通常1つのアクセスポイントだけを選んで接続を確立しなければいけません。ところが、現在開発が進められている「Connectify Dispatch」というソフトを使用すれば無線LANはもとより3G/4GモバイルルーターやLANケーブルまで、あらゆるインターネット接続方法とのアクセスをまとめて確立して一気にデータの送受信を行い、通信速度をアップすることが可能になるそうです。 Dispatch: The Internet, Faster. by Connectify — Kickstarter このプロジェクトを行っているのはPCを無線LANルーター化する無料ソフト「Connectify Lite」などの配布を行っているConnectify社。 Conn

    複数の無線LAN・3G・4Gネットワークを束ねて爆速でインターネットに接続する「Dispatch」
    blueribbon
    blueribbon 2012/09/01
    「「Connectify Dispatch」はインターネット接続における速度、安定性、コストの問題を解決してくれる」
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    blueribbon
    blueribbon 2012/02/15
    「8.8.8.8」「8.8.4.4」「129.250.35.250」「129.250.35.251」
  • GoogleChromeから余計な機能を取り払いさらに軽量・高速化したブラウザ「Iron」 - GIGAZINE

    GoogleChromeは実はオープンソースのコード「Chromium」から作られており、そこへいくつかの機能をGoogleが独自に実装することで完成させたブラウザとなっています。ということは、その余計な追加機能を外せばもっとプライバシーに配慮され、そして軽量化&高速化ができるはずだ、ということで作られたブラウザが「Iron」となります。GoogleChromeと互換性があるため、GoogleChromeで動くスクリプトはIronでも問題なく動きます。 SRWare Iron - The Browser of the Future http://www.srware.net/en/software_srware_iron.php GoogleChromeとIronの差については下記ページに一覧表形式でまとめられています。 Chrome vs Iron http://www.srware.n

    GoogleChromeから余計な機能を取り払いさらに軽量・高速化したブラウザ「Iron」 - GIGAZINE
  • やたらと重い「Firefox」を、馬鹿みたいに高速化する方法まとめ。

    結構Firefoxが好きなので、ちょこちょこ改造していたんですが、管理するPCごとに新しいこと試したり前やってたことをやめたりしてるうちに何が何だかわからなくなってきてしまったので、そろそろまとめようかなー?ってことでまとめてみました。 ちなみに、ここに書いてある改造は完全に自宅マシン用です。 会社のマシンでここまでやると・・・ちょっと動作とかアドオンの不都合とか色々検証してないことも多いので、出来るだけご自身の責任でお願いいたします。 とりあえず手始めに入れるアドオン SQLiteOptimizerアドオンを入れる Firefoxの重たくなる一番の原因となる、SQLiteの計量最適化を図ってくれるアドオン。 Faster Fox Liteアドオンを入れる 設定は「ターボチャージャー」に。 かつ、アドバンス設定で「Disable IPv6 DNS lookup」にチェック。 MemoryF

    やたらと重い「Firefox」を、馬鹿みたいに高速化する方法まとめ。
    blueribbon
    blueribbon 2011/09/08
    BarTab Liteアドオンを入れる 「そのタブをフォーカスする瞬間まで読み込まないで置いておいてくれるというナイスなアドオン。」
  • Direct2DとDirectWriteハードウェアアクセラレーションを有効にしてFirefoxのグラフィックパフォーマンスを向上させてみよう | ライフハッカー・ジャパン

    デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

    Direct2DとDirectWriteハードウェアアクセラレーションを有効にしてFirefoxのグラフィックパフォーマンスを向上させてみよう | ライフハッカー・ジャパン
    blueribbon
    blueribbon 2011/08/14
    ・「gfx.font_rendering.directwrite.enabled」→「true」 ・「mozilla.widget.render-mode」→「6」
  • RAMディスク不要!FirefoxのキャッシュをRAMに置いて高速化する方法! | フリーソフトラボ.com

    Firefoxに限った事ではありませんが、一般的なウェブブラウザはウェブページにアクセスするたびに、次回以降の表示速度を高速化するため、また相手側のサーバー負荷を軽減するために、そのページ内で表示される画像や外部ファイルなどをPCのローカルストレージに”キャッシュ”として保存する仕組みになっています。 つまり、ウェブページを開くたびにハードディスクから”キャッシュ”として保存されているデータを読み込んだり、あたらしく書き込まれてくことになりますが、この”キャッシュ”保存場所をハードディスクではなく、読み込み・書き込み共にアクセスの速いRAMディスクに変更することでブラウジングの高速化が期待できるのはよく知られていることです。 ただし、RAMディスクを用意するためには通常は専用ソフトウェアが必要になるなど、必ずしも手軽に実践できるとは言えないのが難点ですが、FirefoxならわざわざRAMデ

    RAMディスク不要!FirefoxのキャッシュをRAMに置いて高速化する方法! | フリーソフトラボ.com
    blueribbon
    blueribbon 2011/07/04
    「browser.cache.memory.enable」→false 「browser.cache.memory.capacity」→-1(キャッシュ保存サイズを動的に最適化)