Write benchmark document for infiniteGrid

[sculove]

Description

• write benchmark document

[happyhj]

ref. #20

[sculove]

check list

• [x] compare file size
• [x] browser support
• [x] initialization performance test
• [x] append performance test
• [x] memory profile (after appending)

[sculove]

Compare eg.InfiniteGrid with Masorny

구분	eg.InfiniteGrid	Masorny
dependency	jQuery 1.7.1+	outlayer, get-size
file size	InfiniteGrid.min.js : 9,226 bytes	Masorny.min.js : 2,615 bytes
file size (packaged)	InfiniteGrid.pkgd.min.js : 15,950 bytes (except jQuery)	Masorny.pkgd.min.js : 23,547 bytes
Browser support (Desktop)	IE8+ and latest of modern browsers	IE10+ and latest of modern browsers
Browser support (Mobile)	iOS7+, Android2.3+(except 3.0)	iOS, Android
API document	http://naver.github.io/egjs/latest/doc/eg.InfiniteGrid.html	http://masonry.desandro.com/
Lisence	MIT	MIT

[sculove]

Initialization performance Test

• 1,000 cards that include image and texts.
• test page
  • eg.InfiniteGrid(before) : http://codepen.io/sculove/pen/XKYRAR
  • eg.InfiniteGrid(after) : http://codepen.io/sculove/pen/rLkZbj
  • Masorny : http://codepen.io/sculove/pen/jAKZNE

Desktop

• MaxOS
• Chrome V51.0.2704.103

num	eg.InfiniteGrid(before)	eg.InfiniteGrid(after)	Masorny
1	1021.60	424.91	900.50
2	1017.57	606.02	999.00
3	1027.24	485.52	981.95
4	1068.86	528.76	968.26
5	1040.95	514.25	1014.12
6	1051.20	568.90	927.47
7	1127.08	544.31	928.02
8	1006.50	595.19	1050.00
9	1072.69	473.60	963.79
10	1039.36	492.98	999.42
Avg.	1047.30	523.44	973.25

Time unit in milliseconds

Mobiles

• Samsung galaxy S4
• Android 4.2.2 Chrome 52.0.2743.98

num	eg.InfiniteGrid(after)	Masorny
1	1504.49	3126.95
2	2199.85	4107.13
3	1569.17	3766.08
4	1750.21	3833.64
5	1692.08	3889.42
6	1655.18	3778.07
7	1391.82	3713.00
8	1510.02	3767.83
9	1469.17	3639.84
10	1445.89	3644.18
Avg.	1618.78	3726.61

Time unit in milliseconds

[sculove]

append performance test

https://www.youtube.com/watch?v=NyFtShC2yq8&feature=youtu.be

[sculove]

memory profile (after appending)

https://github.com/naver/egjs/issues/334#issuecomment-236851655

[sculove]

benchmark test is complete. and we need to write an article.

[sculove]

append perforamce test (Mobile)

• initialization items : 30
• items (3,000 items appened)
• Samsung galaxy S4
• Android 4.2.2 Chrome 52.0.2743.98

https://www.youtube.com/watch?v=6Kv-NV0dZXw&feature=youtu.be