Elementor Site のページ表示スピード
目的
2025年現在の Elementor のバージョンは、3.31 です。
過去の Elementor で作るウエブページの、Lighthouse の結果は散々だったけど、最近は、結構いいので、具体的に調査することにした。
方法
WordPress のマルチサイトの機能を使って、Elementor を使ったサイト、使ってないサイトを選んで、ページ表示のパフォーマンスを測定した。
測定対象ページ
比較するウエブページは、
左がテーマ Twenty Twenty-Fourバージョン: 1.3 WordPressの標準なので、これをstandardとした
右がElementor Hello Elementorバージョン: 3.4.4から作成したページ
アパッチベンチ
同時100アクセスしてみて、結果を表示する
Lighthouse
google chrome の Lighthouse のパフォーマンスを測定する
測定結果
アパッチベンチの結果
% ab -n 100 -c 100 https://[ ドメイン名 ]
で行った。
左がスタンダード、右が Elementor
% ab -n 100 -c 100 https://standard.home/
This is ApacheBench, Version 2.3 <$Revision: 1913912 $>
Copyright 1996 Adam Twiss, Zeus Technology Ltd, http://www.zeustech.net/
Licensed to The Apache Software Foundation, http://www.apache.org/
Benchmarking mbike.karaie.com (be patient)…..done
Server Software: nginx/1.22.1
Server Hostname: mbike.karaie.com
Server Port: 443
SSL/TLS Protocol: TLSv1.2,ECDHE-ECDSA-AES256-GCM-SHA384,256,256
Server Temp Key: ECDH X25519 253 bits
TLS Server Name: mbike.karaie.com
Document Path: /
Document Length: 88358 bytes
Concurrency Level: 100
Time taken for tests: 0.357 seconds
Complete requests: 100
Failed requests: 0
Total transferred: 8864600 bytes
HTML transferred: 8835800 bytes
Requests per second: 280.46 [#/sec] (mean)
Time per request: 356.558 [ms] (mean)
Time per request: 3.566 [ms] (mean, across all concurrent requests)
Transfer rate: 24278.90 [Kbytes/sec] received
Connection Times (ms)
min mean[+/-sd] median max
Connect: 38 223 21.1 222 267
Processing: 45 84 22.1 84 281
Waiting: 1 31 9.6 27 51
Total: 299 307 5.0 309 319
Percentage of the requests served within a certain time (ms)
50% 309
66% 311
75% 311
80% 312
90% 313
95% 313
98% 313
99% 319
100% 319 (longest request)
% ab -n 100 -c 100 https://elementor.home/
This is ApacheBench, Version 2.3 <$Revision: 1913912 $>
Copyright 1996 Adam Twiss, Zeus Technology Ltd, http://www.zeustech.net/
Licensed to The Apache Software Foundation, http://www.apache.org/
Benchmarking server.karaie.com (be patient)…..done
Server Software: nginx/1.22.1
Server Hostname: server.karaie.com
Server Port: 443
SSL/TLS Protocol: TLSv1.2,ECDHE-ECDSA-AES256-GCM-SHA384,256,256
Server Temp Key: ECDH X25519 253 bits
TLS Server Name: server.karaie.com
Document Path: /
Document Length: 138543 bytes
Concurrency Level: 100
Time taken for tests: 0.405 seconds
Complete requests: 100
Failed requests: 0
Total transferred: 13899700 bytes
HTML transferred: 13854300 bytes
Requests per second: 247.11 [#/sec] (mean)
Time per request: 404.676 [ms] (mean)
Time per request: 4.047 [ms] (mean, across all concurrent requests)
Transfer rate: 33542.70 [Kbytes/sec] received
Connection Times (ms)
min mean[+/-sd] median max
Connect: 37 235 20.9 235 267
Processing: 55 108 24.8 109 279
Waiting: 2 29 12.9 29 70
Total: 292 343 17.9 353 364
Percentage of the requests served within a certain time (ms)
50% 353
66% 358
75% 359
80% 360
90% 361
95% 362
98% 363
99% 364
100% 364 (longest request)
アパッチベンチ結果の調査
Document Length (文書の長さ)ドキュメントのサイズは、
standard 88358bytes
Elementor 138543 bytes
で、standard のほうが、サイズが 0.6 倍であった。
Transfer rate (転送速度)は、
standard 24278.90 [Kbytes/sec]
Elementor 33542.70 [Kbytes/sec]
という結果で、Elementor の転送速度が高いことがわかった。
Lighthouseの結果
Desktop Paformance
standard 98
Elementor 100
Performance 90
First Contentful Paint
0.7 s
Largest Contentful Paint
1.0 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0.045
Speed Index
0.7 s
Performance 100
First Contentful Paint
0.3 s
Largest Contentful Paint
0.6 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0
Speed Index
0.7 s
Mobile Paformance
standard 69
Elementor 93
Performance 69
First Contentful Paint
3.9 s
Largest Contentful Paint
5.9 s
Total Blocking Time
10 ms
Cumulative Layout Shift
0.017
Speed Index
3.9 s
Performance 93
First Contentful Paint
1.5 s
Largest Contentful Paint
2.7 s
Total Blocking Time
210 ms
Cumulative Layout Shift
0
Speed Index
2.2 s
Lighthouse のパフォーマンステストの結果、ディスクトップでは大きな差はなかったが、モバイルでは、
- スタンダードが 69
- エレメンターが 93
となった。
Elimentorのページ表示速度は遅くない
GUIでウエブページを創作できる Elementor は、余計なコードが多いのでページの表示速度は決して速くなかったが、近年の高速化への努力やネット環境の進化などによって、ローカルの Lighthouse の結果はとても良くなったと言える。
ElementorはWordpressの標準よりも約３倍高速
注目すべきは、
Document Length (文書の長さ)が Elementorの方が 1.57倍大きい
- standard 88358 bytes
- Elementor 138543 bytes
Largest Contentful Paint※ の
- standard 5.9 s
- Elementor 2.7 s
と２倍くらい早いのだ。
この結果から、ElementorはWordpressの標準よりも約３倍高速ということになった。
ただし、これは、今回使ったコンテンツが出した結果であって、異なるコンテンツでは異なった結果になるだろうと予想はしている。
※ Largest Contentful Paint (LCP) とは、ウェブページの読み込み速度を評価する指標の一つで、ユーザーがページにアクセスしてから、最も大きなコンテンツ要素（画像やテキストブロックなど）が表示されるまでの時間を指します。
