WEBページにおいてパフォーマンスの表示速度を上げることはとても重要です。
Googleの調査したデータによると、ページの表示が3秒以上掛かったサイトに対して待たずに離脱してしまうユーザーの割合は53%以上とのこと。
この記事ではそんな重要な要素であるページ表示速度について、改善するためのいくつかの方法ををご紹介したいと思います。
これらに当てはまる方におすすめの記事となっています。これを読めばあなたのサイトの離脱率を下げる方法が分かりますよ。
パフォーマンスを最適化する時、クエリの最適化が頭に浮かぶものです。
なぜかというと、本当に動いているウェブには、データベース量がかなり大きくて、数百MBからGBまでにかかっているからです。
つまり、クエリ文は数十万のレコードがあるテーブルで抽出を実施しています。DBの抽出を実現する時、以下の方法がいくつか適用しています。
まず、「Indexとは?」を説明したいと思います。 Indexとはデーター型の1つ種類であり、データ表にある一定のフィールドの値を含め、該当する行目(ロー)を指します。
では、Indexを貼ってからページ表示速度がどのように改善されるのでしょうか?
例:SELECT * FROM users where name = ‘Lempi Veum’;
56.000レコードがある「users」テーブルで「name」にIndexを貼らない場合とIndexを貼っている場合で抽出して、比較しましょう。
Indexを貼っている場合の速度はあきらかに早いですね。
そしてページ表示の速度を考慮する時、DB内のフィールドでIndexを貼るべきです(できれば、DBを構築する段階から)。またIndexを貼る時は、以下の段階に優先順位をつけて対応してください。
「The query cache stores the text of a SELECT statement together with the corresponding result that was sent to the client. If an identical statement is received later, the server retrieves the results from the query cache rather than parsing and executing the statement again. The query cache is shared among sessions, so a result set generated by one client can be sent in response to the same query issued by another client.」
上記の文章がMySqlのホームページで「query cache」を定義しているものです。
複数のユーザーが同じいページにアクセスする時、抽出結果が既にcacheに保持されておきました。
そのため、他のユーザーはそのページにアクセスすると、cacheからクエリした結果を出してページの表示速度が速くなっていきます。
詳細な方法はこちらでご参考ください。
しかし MySql 5.7.20バージョンからは、query cacheが使えなくなります。 MySql 8.0バージョンから完全に除外されることになります。
その他の方法はLaravel等のフレームワークを使ってください。 cache queryを保存する為に、既にサポートしているので、とても便利です。
123 | $posts = Cache::remember(‘index.posts’, 30, function() {return Post::with(‘comments’, ‘tags’, ‘author’, ‘seo’)->whereHidden(0)->get();}); |
DB内の抽出を最適化にしても、ページ表示速度があまり改善されない場合、どうすれば良いでしょうか。
今の課題で対応した方法(ロジック)を変更する方向で検討してみてください。
例えば、あるシステムの集計機能を実装しています。日間や年間をかけて膨大なデーター量で抽出しないといけません。
その時、リアルタイムにてデーター集計は大変ですよね。
一方、Cronjなら毎日・毎年等の集計が何かの作業で定期に実行され、結果を保存することができるのです。
これで、実行に時間がかかる作業は裏で実施されると思います。つまり、ユーザーが短時間で集計の結果を見ることができるということです。
このように、時間がかかるのにリアルタイムで不要になる作業は裏(underground)で実施した方が良いと思います。
cronjobを導入する前にDBのCPUの消耗
cronjobを導入した後DBのCPUの消耗
現在、ウェブサイトのほとんどがフレームワーク(Laravel, WordPress, CakePhp, …)で開発されています。
フレームワークなら既に最適化されているので、このメリットを活躍すれば工数が非常に削減できると思います。
Laravelで利用する場合、以下のいくつかポイントをオススメします。
Laravel の既存コマンドを使ってキャッシュをコンフィグする:
php artisan config:cache
php artisan route:cache
php artisan view:cache
LaravelはDBを対応する時、素晴らしいORMを提供しています。
EloquentのようにDBの各テーブルからabstracts modelを作られます。
Eloquentはeager loadingを利用する時、連携されているobject modelを全て抽出し、最初のクエリにレスポンスする為です。これはアプリケーションのレスポンスを追加されます。
Lazy loadingは次のようにクエリします。
1234 | $books = App\Book::all();foreach ($books as $book) {echo $book->author->name;} |
同様に、 eager loadingは次のようにクエリします。
1234 | $books = App\Book::with(‘author’)->get();foreach ($books as $book) {echo $book->author->name;} |
Laravelではパフォマンスを最適化する時、RAMの中にCacheとsessionを保存するのが一番良い方法です。
その他に、「Redis」 や「MemcachedCache」を利用すると、sessionの抽出する速度も改善できます。
Laravelでは、Laravel Mixを提供して、複数のcss/jsを同一のcss/jsにコンパイルするツールです。
そして、css/jsファイルを読み込む時、時間を短縮することができます。
いかがでしょうか。WEBのページ表示速度を改善する方法について紹介していきました。
勿論、本日紹介紹介した方法以外にもパフォーマンスを最適化する方法が様々あります。
実用に応じて、相応しい方法を簡単に探して利用していくようにしましょう。
パフォーマンスの最適化は大切な作業でウェブサイト開発から稼働にかけてずっと対応し続ける必要があります。今回紹介した方法を参考にぜひWEBのページ表示速度を改善してみてはいかがでしょうか。
dehaでは、5年ほど前から、ベトナムオフショア開発を行っています。
ベトナムでオフショア開発を行う際の費用や、エンジニアの質を知りたい方は、無料で見積もりいたしますので、お気軽にお問い合わせください。
参考サイト
アプリ開発を検討する企業や個人にとって、最初に直面する課題は「どのようにアプリを作るか」です。 そこで本記事ではアプリ開発について、どのような工程があるのかゼロから徹底解説していきたいと思います。 アプリ開発をしたい方 アプリ開発初心者の方 社内のIT人材が不足している方 これらに当てはまる方におすすめの記事となっています。これを読めばアプリ開発の効率の良い方法が丸わかりですよ。 アプリ開発に関わるすべての工程や手法を理解することで、発注者としてより良い判断ができ、プロジェクトを円滑に進めることが可能になります。 アプリを開発する4つの方法 スクラッチ開発とは スクラッチ開発とは、既存のテンプレートやツールを使わずに、プログラムのコードをゼロから書いてアプリやシステムを作る開発方法です。 完全に自由な設計ができるため、自社の業務や目的にぴったり合った機能やデザインを実現できます。 たとえば、高度な処理能力が必要なシステムや、他にはない独自の機能を持たせたい場合に最適です。 主なメリット・機能やデザインを自由に設計できる(カスタマイズ性が高い)・処理速度や操作性などのパフォーマンスを最適化しやすい・他社にはない独自機能を実装しやすい 主なデメリット・開発に時間と費用がかかる・高度な技術や専門知識が必要 スクラッチ開発は、「こだわりたいポイントが多い」「長期的に使い続けたい」システムに向いています。反対に、早く・安く始めたい場合は、別の開発手法を検討するのがよいでしょう。…
近年、製造業を中心に広がってきた「チャイナプラスワン(China Plus One、中国+1)」戦略が、IT業界でも注目され始めています。 中国に依存しすぎない経営体制を構築するためのこの動きは、製造業の枠を越え、ソフトウェア開発やITインフラといったデジタル領域にも拡大しています。 この記事では、チャイナプラスワンの概要から背景、IT業界における注目理由、そしてオフショア開発との関係性や活用事例までを詳しく解説します。 チャイナプラスワンについて知りたい方 オフショア開発に興味がある方 社内のIT人材が不足している方 これらに当てはまる方におすすめの記事となっています。これを読めばチャイナプラスワンの概要がわかるだけでなく、今後の展望も分かりますよ。 (more…)
スマートフォン市場におけるOS(オペレーティングシステム)は、ユーザー体験の根幹を担う要素のひとつです。 特に「Android」と「iOS」の二大OSは、長年にわたって競争を続けており、地域によってその勢力図は大きく異なります。 この記事では、2025年4月時点における世界および日本のスマホOSシェアを、StatCounterの最新データをもとに詳しく解説します。 OS端末シェアについて知りたい方 スマホOS別に広告出稿の戦略を立てたい人 国や地域ごとのユーザー属性やシェア構造を把握したい人 これらに当てはまる方におすすめの記事となっています。これを読めば世界と日本のOSシェアの特徴や違いが丸わかりですよ。 (more…)
スマートフォンアプリ開発において、iOSとAndroidの両方に対応するハイブリッドアプリは、開発コストや工数を抑えられる点で多くの企業や開発者に選ばれています。 2025年現在、技術の進化によりハイブリッドアプリ開発フレームワークも多様化・高機能化が進み、それぞれの強みを活かす選定が重要になってきました。 この記事ではそんな2025年におすすめのハイブリッドアプリ開発フレームワークをランキング形式で5つご紹介します。 ハイブリットアプリに興味がある方 最新のハイブリットアプリについて知りたい方 社内のIT人材が不足している方 これらに当てはまる方におすすめの記事となっています。これを読めばハイブリットアプリの最新情報が丸わかりですよ。 (more…)
システム開発やアプリ開発において、プロジェクトの成功を左右する「要件定義」。 特にオフショア開発では、言語や文化の違いから誤解が生まれやすく、要件定義の質が成果に直結します。 この記事では、要件定義の基本から、オフショア開発での進め方、成功のコツまでを解説します。 オフショア開発に興味がある方 要件定義の仕方について知りたい方 社内のIT人材が不足している方 これらに当てはまる方におすすめの記事となっています。これを読めばオフショア開発をうまく進めるための要件定義の方法が丸わかりですよ。 (more…)
BA(ビジネスアナリスト)とはオフショア開発プロセスにおいて重要な役割を果たします。 彼らは、クライアントと開発チームの間で情報のやり取りを担当し、ビジネスの視点からソフトウェア開発プロジェクトを導きます。 本日はそんなBA(ビジネスアナリスト)について具体的にどう言った特徴があるのかや、BrSE(ブリッジSE)& ITコミュニケーターとの違いについて解説していきます。 BA(ビジネスアナリスト)に興味がある方 オフショア開発に興味がある方 社内のIT人材が不足している方 これらに当てはまる方におすすめの記事となっています。これを読めばBA(ビジネスアナリスト)の具体的な役割が丸わかりですよ。 (more…)