スマートフォンWebのフロントエンドを高速化する取り組み - クックパッド開発者ブログ
ユーザファースト推進部の丸山(@h13i32maru)です。 先日「撮るレシピ」というサービスを cookpad.com にて公開しました。「撮るレシピ」というサービスは料理本や雑誌のレシピを写真に撮ってクックパッド上に保存できるというものです。料理本や雑誌でレシピを良く見る方はぜひ使ってみてください(Androidアプリ版もあります)。 この「撮るレシピ」は全体公開前に一部のユーザに限定公開をしていました。そして全体公開をするにあたりフロント側のコードを全面的に書き換え高速化を行いました。その結果、最大で30倍高速化することができユーザの使い勝手が向上しました。以下が「書き換え前」と「書き換え後」の計測結果です(Android端末8機種 + iOS3機種で各操作のターンアラウンド時間*1を計測)。 閲覧系 最大: 30倍高速化(4.2秒→0.14秒) 平均: 15.7倍高速化(3.6秒→
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
驚くほど速くする！高速化9つのポイント | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
最速のWordPressを手に入れるには、オブジェクトキャッシュが超オススメだ！ | A!@attrip
まずはオブジェクトキャッシュ。 オブジェクトキャッシュとは、PHPのコンパイルが少なくなる。 これに↓↓含まれている「object-cache.php」を wp-content/ にアップロード！ WordPress › APC Object Cache Backend « WordPress Plugins 次に↓のプラグインをインストール！ WordPress › Tribe Object Cache « WordPress Plugins 以上で爆速サイトになるお！ ※APCとは スクリプトを実行する前に中間形式にコンパイルし、それを実行します。このコンパイルは、スクリプトにアクセスがあるたびに毎回実行されます。同じファイルをコンパイルしてできる中間形式は常に同じであるため、毎回行うことは無駄です。 APCを利用することで、この無駄をなくし、Webサーバのパフォーマンスを向上させるこ
Webサイト高速化に必要な画像形式の基礎知識 (1/3)：CodeZine（コードジン）
はじめに こんにちは、クラスメソッド株式会社でWebを担当している野中です。前回はWebサイトの高速化を行うにあたり知っておきたい「HTTPの仕組み」について紹介しました。 HTTPの仕組みについて何となく理解できたでしょうか？ この連載で紹介していく高速化テクニックの解説を理解するために必要ですので、都合の良い時に読んでおいてください。 「いつ読むか？ 今でしょ！」なんてね（笑） もう古いですね。 対象者 この記事では、特にWebデザイナーを対象としています。 フロントエンドエンジニアの方はWebデザイナーから受け取ったPSD（Adobe Photoshop Data）ファイルや、AI（Adobe Illustrator Data）ファイルから画像を書き出すこともあると思うので、その際の参考にしてください。 Webデザイナー フロントエンドエンジニア Webディレクター Web担当者 ビ
WordPressを高速化する使い方！CDNサービスやプラグインまとめ
作成：2013/04/22 更新：2018/03/31 WordPress > mod_pagespeed、CSSスプライト、CDN、圧縮、プラグイン… 2013年、ページが軽いサイトが上位表示されてきました。 「検索で10位以内に入っているサイト」を仕事の関係で1日に何百件と調べるのですが、2012年よりも明らかに「1～2秒台」が増えてきてます。 10位以内には、遅いサイトもありますが1、2秒台もざらです。今回は、WordPressの高速化を手早くするために、検討したいCDNサービス、導入必須のプラグインや計測ツール、ハウツーなどをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 高速化するプラグイン １．QuickCache ２．MOCache ３．LazyLoad ４．WPSuperCache ５．DBCacheReloadedFix ６．
Webサイト高速化対策の現状
はじめに はじめまして、こんにちは。クラスメソッド株式会社でWebを担当している野中です。 この度、「これから身につけるWebサイト高速化テクニック」と題して記事を連載させていただくこととなりました。 本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて高速化に関する手法や技術について調べ、身につけたテクニックを細かな解説を加えて紹介していきます。中には少し難しいテクニックも含まれますが、できる限り分かりやすく、すぐに実践できるよう紹介していきたいと思います。とても長い連載ですが、よろしくお願いいたします。 なお、本連載はクラスメソッド開発ブログで連載されている「身につけておきたいWebサイト高速化テクニック」の増補改訂版です。 本連載の流れ 本連載はできるだけ多くの方に興味を持っていただけるように、最初に高速化対策の全体像と必要な知識を紹介します。その後、具体的な高速化対策と
フロントエンドがやっておかなきゃいけない、iPhone(スマホ)向けサイトを軽量化･高速化するための必須項目をメモ。 | Mnemoniqs Web Designer Blog
Webサイトの待ち時間の80％はフロントエンドの処理によるもの なんて言われるとドキっとしちゃいます。どんな素敵にデザインして綺麗にコーディングしても、ページが重くてイライラしてるユーザーがいたら台無しです。なのでスマホ向けサイトのデザインに入る段階から、高速化・軽量化を意識するために、いくつか項目をメモしておきます。 デザインの段階から軽量化を意識する 画像を極力使わないで魅せる努力をする 当たり前ですが、画像を使えば使うだけレスポンスは遅くなります。背景画像にドデーンと写真を使ったり、見出しを使うたびに大きなアイコンを入れるなど、わざわざページを重くさせるようなデザインにする必要はありません。 多少シンプルになったとしても、色のメリハリ・1pxの線などでカバーしましょう。テキストも可能な限り画像にせず、デフォルト文字にするべきです。Webデザイナーの腕の見せ所ですね。 HTML5+C
インストールするだけでFirefoxを大幅に高速化できるアドオン「Local Load」 | フリーソフトラボ.com
Local Load 「Local Load」は、Firefoxにインストールするだけでブラウジングの際のページ読み込み速度を高速化してくれるアドオンです。光回線などの高速インターネット回線に接続している場合は効果がはっきりと分かりにくい場合もありますが、回線が細い場合では体感で分かるほどに、特に大幅な高速化が期待できます。 高速化の仕組み自体は単純で、jQuery、Prototype.js、MooToolsなどの多くのサイトで頻繁に使用される主要なJavaScriptライブラリをあらかじめローカルディスクから読み込んでおくことで、常にキャッシュが効いているのと同じ状態でウェブページを読み込むことができるというもの。 これらのJavaScriptライブラリは、通常はサイトにアクセスした際にHTMLや画像など他の要素と同時にダウンロードされるものですが、ファイルサイズが数十KB以上と決して小
ループをたくさん回す処理を高速化する初歩の初歩。 - このブログは証明できない。
テキスト処理を中心にやっていましたが、画像処理に興味が出てきて、さっそくアプリを作りました。もともと下の記事のあたりでユーザーとして画像処理に興味を持って、当然の流れながら、自分でもつくってみようと。 Color Splash + TiltShift Generator + Instagramの写真加工が面白い。 - このブログは証明できない。 で、何かを間違えて、普通の画像処理ではなく、カメラの映像をリアルタイムに加工しはじめました。そうすると、パフォーマンスがかなりシビアなんですね。 iPhoneでカメラの映像をリアルタイム画像処理してみる。 - このブログは証明できない。 全ピクセルを操作しなければなりませんから、ループをたくさん回す必要があります。なんとか高速化できないかと考えてみたところ、あっさり高速化に成功しました。私が気づくぐらいですから、初歩の初歩なんだと思います。 追記：
『firefoxを極限まで軽くする方法 』
※firefoxを極限まで軽くする方法2 その優秀なアドオン機能で有名なfirefox しかしその便利で様々なアドオンを追加しすぎると 動作が重くなってしまう事がある。 しかーし、これから書く方法と軽くする為のアドオンを追加すると 凄く軽くなる。 高速ブラウジングと豊富な機能で、firefoxはかなり使いやすい。 アドオンで鬼に金棒 軽くする事で界王拳10倍だ。 firefoxを軽くする■SQLite Optimizer 上記のアドオンをインストール。 インストール後に 【ツール】 ↓ 【アドオン】 ↓ SQLite Optimizerの【設定】を開く ※クリックで拡大 設定を開いたら 『Firefox終了時にsqliteデータベースのREINDEXを実行する』にチェックを入れる。 これでOK。 ■MetaboFix ダウンロードして、インストールするだけでOK。 これ一つでも劇的に変わり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
外国語や中国語の語学習得期間が6か月の勉強・マスター方法 - ログミー[o_O]![外国語や中国語の語学習得期間が6か月の勉強・マスター方法 - ログミー[o_O]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8b2140f7f6de03c3aae4f0b159a42f755de1bab2/height=288;version=1;width=512/https%3A%2F%2Flogmi.jp%2Fimg%2Ficons%2Flogmi-biz.png)
1216彩票-官网平台
IDEA * IDEA