Размер файла jQuery

Размер файла jQuery

Примечание. Размеры файлов, сжатых с помощью gzip и Zopflinated, относятся к общему размеру файла в байтах после его сжатия с помощью gzip или Zopfli с настройками по умолчанию . Для gzip это сводится к gzip -6 file.js — уровень сжатия по умолчанию составляет 6 по шкале от 1 (самое быстрое, но меньшее сжатие) до 9 (самое медленное, но лучшее сжатие). Для Zopfli выполняется 15 итераций (т.е. по умолчанию): zopfli --i15 файл.js . Лучшее сжатие может быть достигнуто за счет увеличения количества итераций.

Отказ от ответственности: дело не в размере файла, а в том, как вы его используете. Конечно, jQuery со временем становится больше, но каждый новый выпуск исправляет ошибки и/или вводит новые функции. Эта страница призвана продемонстрировать важность сжатия и минификации HTTP.

Также обратите внимание, что jQuery 1.8 позволяет создавать пользовательские сборки, содержащие только те модули, которые вам нужны, если размер файла является проблемой.

90 043 80 469 байт (78,58 КБ) Δ +1 210 байт байта (89,20 КБ) Δ +824 байта 90 043 67 379 байт (65,80 КБ) Δ -15 824 байта 9137 2
Версия jQuery Обычный размер файла (в байтах) Минимизированный размер файла (в байтах) Размер сжатого файла (в байтах) Размер Zopflinated файла (в байтах) 90 024 Размер минифицированного и сжатого файла (в байтах) Минимизированный и сжатый размер файла (в байтах)
1.2 79 259 байт (77,40 КБ) 45 707 tes (44,64 КБ) 24 687 байт (24,11 КБ) 23 515 байт (22,96 КБ) 14 472 байта (14,13 КБ) 13 956 байт (13,63 КБ)
1.2.1 46 437 байт (45,35 КБ) Δ +730 байт 24 984 байта (24,40 КБ) Δ +297 байт 23 786 байт (23,23 КБ) Δ +271 байт 9 0061 14 625 байт (14,28 КБ) Δ +153 байта 14 099 байт (13,77 КБ) Δ +143 байта
1.2.2 95 285 байт (93,05 КБ) Δ +14 816 байт 52 656 байт (51,42 КБ) 90 060 Δ +6 219 байт 28 641 байт (27,97 КБ) Δ +3 657 байт 27 207 байт (26,57 КБ) Δ +3 421 байт 15 664 байт (15,30 КБ) Δ +1 039 байт 15, 084 байта (14,73 КБ) Δ +985 байт
1. 2.3 96 763 байта (94,50 КБ) Δ +1 478 байт 54 075 байт (52,81 КБ) Δ +1 419 байт 28 891 байт (28,21 КБ) Δ +250 байт 9 0061 27 475 байт (26,83 КБ) Δ +268 байт 15 894 байта (15,52 КБ) Δ +230 байт 15 307 байт (14,95 КБ) Δ +223 байта
1.2.4 9 0024 97 623 байта (95,33 КБ) Δ +860 байт 54 620 байт (53,34 КБ) Δ +545 байт 29 149 байт (28,47 КБ) Δ +258 байт 27 706 байт (27,06 КБ) Δ +231 байт 16 ,069 байт (15,69 КБ) Δ +175 байт 15 458 байт (15,10 КБ ) Δ +151 байт
1,2,5 99 997 байт (97,65 КБ) Δ +2 374 байт 55, 715 байт (54,41 КБ) Δ +1095 байт 30 274 ​​байта (29,56 КБ) Δ +1125 байт 28 791 байт (28,12 КБ) Δ +1 085 байт 16 725 байт (16,33 КБ) Δ +656 байт 16 108 байт (15. 73 КБ) Δ +650 байт
1.2.6 100 196 байт (97,85 КБ) Δ +199 байт 55 774 байт (54,47 КБ) Δ +59 байт 30 345 байт (29,63 КБ) 9 0060 Δ +71 байт 28 855 байт (28,18 КБ) Δ +64 байта 16 753 байта (16,36 КБ) Δ +28 байт 16 131 байт (15,75 КБ) Δ +23 байт
1,3 116 942 байт (11 4,20 КБ) Δ +16 746 байт 55 026 байт (53,74 КБ) Δ — 748 байт 34 446 байт (33,64 КБ) Δ +4 101 байт 32 744 байт (31,98 КБ) Δ +3 889 байт 900 44 19 011 байт (18,57 КБ) Δ +2 258 байт 18 409 байт ( 17,98 КБ) Δ +2278 байт
1.3.1 117 446 байт (114,69 КБ) Δ +504 байта 55 272 байта (53,98 КБ) 900 60 Δ +246 байт 34 605 байт (33,79 КБ) Δ +159 байт по tes (18,09 КБ) Δ +114 байт
1. 3.2 120 763 байта (117,93 КБ) Δ +3 317 байт 57 254 байта (55,91 КБ) Δ +1 982 байта 35 354 байта (34,53 КБ) Δ +749 байт 33 597 байт (32,81 КБ) Δ +685 байт 19 709 байт (19,25 КБ) ) Δ +591 байт 19 075 байт (18,63 КБ) Δ +552 байт
1,4 158 407 байт (154,69 КБ) Δ +37 644 байта 69 838 байт (68,20 КБ) Δ +12 584 байт 44 810 байт (43,76 КБ) Δ +9 456 байт 42 503 байт (41,51 КБ) Δ +8 906 байт 23 673 байт (2 3,12 КБ) Δ +3964 байта 22934 байта (22,40 КБ) Δ +3 859 байт
1.4.1 160 712 байт (156,95 КБ) Δ +2 305 байт 70 843 tes (69,18 КБ) Δ +1 005 байт 45 311 байт (44,25 КБ) Δ +501 байт 43 079байт (42,07 КБ) Δ +576 байт 23 996 байт (23,43 КБ) Δ +323 байт 23 246 байт (22,70 КБ) Δ +312 байт
1. 4.2 163 855 байт (160,01 КБ) Δ +3 143 байта 72 174 байта (70,48 КБ) Δ +1 331 байт 45 987 байт (44,91 КБ) Δ +676 байт 43 670 байт (42,65 КБ) Δ +591 байт 24 558 байт (23,98 КБ) 9по tes (176,23 КБ) Δ +16 604 байта 77 746 байт (75,92 КБ) Δ +5 572 байта 51 026 байт (49,83 КБ) Δ +5 039 байт 48 446 байт (47,31 КБ) Δ +4 776 байт 9006 1 26 742 байта (26,12 КБ) Δ +2 184 байта 25 872 байт (25,27 КБ) Δ +2079байт
1.4.4 183 184 байт (178,89 КБ) Δ +2 725 байт 78 601 байт (76,76 КБ) ) Δ +855 байт 51 690 байт (50,48 КБ) Δ +664 байт 49 041 байт (47,89 КБ) Δ +595 байт 27 073 байт (26,44 КБ) Δ +331 байт 2 6194 байта (25,58 КБ) Δ +322 байта
1,5 211 978 байт (207,01 КБ) Δ +28 794 байта 84 362 байта (82,38 КБ) Δ +5 761 байт 60 671 байт (59,25 КБ) Δ +8 981 на tes 57 547 байт (56,20 КБ) Δ +8 506 байт 29 368 байт (28,68 КБ) Δ +2 295 байт 28 272 байт (27,61 КБ) Δ +2 078 байт
1,5 . 1 216 840 байт (211,76 КБ) Δ +4 862 байт 85 260 байт (83,26 КБ) Δ +898 байт 62 287 байт (60,83 КБ) Δ +1 616 байт 59 081 байт (57,70 КБ) Δ +1 534 байт 29 690 байт (28,99 КБ) Δ +322 байта 28 590 байт ( 27,92 КБ) Δ +318 байт
1.5.2 219 227 байт (214,09 КБ) Δ +2387 байт 85 925 байт (83,91 КБ) Δ +665 байт 63 146 байт (61,67 КБ) КБ) Δ +859 байт 59 886 байт (58,48 КБ) Δ +805 байт 29 921 байт (29,22 КБ) Δ +231 байт 28 821 байт (28,15 КБ) Δ +231 байт
1,6 232 651 байт (227,20 КБ) Δ +13 424 байта 90 518 байт (88,40 КБ) Δ +4 593 байт 66 775 байт (65,21 КБ) 90 060 Δ +3 629 байт 63 343 байта (61,86 КБ) Δ + 3457 байт 31 607 байт (30,87 КБ) Δ +1 686 байт 30 458 байт (29,74 КБ) Δ +1 637 байт
1. 6.1 234, 995 байт (229,49 КБ) Δ +2344 байта 67 432 байта (65,85 КБ) Δ +657 байт 63 937 байт (62,44 КБ) Δ +594 байта 9004 4 31 952 байта (31,20 КБ) Δ +345 байт 30 813 байт (30,09 КБ) Δ +355 байт
1.6.2 236 202 байта (230,67 КБ) Δ +1 207 байт 91 556 байт (89,41 КБ) 9 0060 Δ +214 байт 67 775 байт (66,19 КБ) Δ +343 байт 64 271 байт (62,76 КБ) Δ +334 байта 32 065 байт (31,31 КБ) Δ +113 байт tes (30,19 КБ) Δ +103 байта
1.6.3 238 009 байт (232,43 КБ) Δ +1807 байт 91626 байт (89,48 КБ) Δ +70 байт 68519 байт (66,91 КБ) Δ +744 байт 9006 1 64 960 байт (63,44 КБ) Δ +689 байт 32 070 байт (31,32 КБ) Δ +5 байт 30 898 байт (30,17 КБ) Δ -18 байт
1. 6.4 9002 4 238 159 байт (232,58 КБ) Δ +150 байт 91 669 байт (89,52 КБ) Δ +43 байта 68 572 байта (66,96 КБ) Δ +53 байта 64 975 байт (63,45 КБ) Δ +15 байт 32 075 байт (3 1,32 КБ) Δ +5 байт 30 911 байт (30,19 КБ) Δ +13 байт
1,7 249 159 байт (243,32 КБ) Δ +11 000 байт 94,02 0 байт (91,82 КБ) Δ +2 351 байт 72 705 байт (71,00 КБ) Δ + 4 133 байта 68 886 байт (67,27 КБ) Δ +3 911 байт 33 285 байт (32,50 КБ) Δ +1 210 байт 32 096 байт (31,34 КБ) Δ +1 185 байт
1.7.1 248 235 байт (242,42 КБ) Δ -924 байта 93 868 байт (91,67 КБ) Δ -152 байта 72 382 байта (70,69 КБ) Δ -323 байта 9004 4 68 573 байта (66,97 КБ) Δ -313 байт 33 156 байт (32,38 КБ) Δ -129 байт 31 975 байт (31,23 КБ) Δ -121 байт
1. 7.2 252 881 байт (246,95 КБ) 900 60 Δ +4 646 байт 94 840 байт (92,62 КБ) Δ +972 байт 73 768 байт (72,04 КБ) Δ +1 386 байт 69 927 байт (68,29 КБ) Δ +1 354 байт 33, 647 байт (32,86 КБ) Δ +491 байт 32 469 байт (31,71 КБ) Δ +494 байта
1.8.0 258 377 байт (252,32 КБ) Δ +5 496 байт 92 555 байт (90,39 КБ) Δ -2,28 5 байт 76 944 байта (75,14 КБ) Δ +3 176 байт 72 999 байт (71,29 КБ) Δ +3 072 байта 33 089 байт (32,31 КБ) Δ -558 байт 31 957 байт (31,21 КБ) Δ -512 байт
1.8.1 261 525 байт (255,40 КБ) Δ +3148 байт 92 793 байта (90,62 КБ) Δ +238 байт 77 626 байт (75,81 КБ) Δ +682 байта 73 ,635 байт (71,91 КБ) Δ +636 байт 33 204 байта (32,43 КБ ) Δ +115 байт 32 076 байт (31,32 КБ) Δ +119 байт
1. 8.2 266,8 82 байта (260,63 КБ) Δ +5 357 байт 93 436 байт (91,25 КБ) Δ +643 байта 79,116 байт (77,26 КБ) Δ +1 490 байт 75 121 байт (73,36 КБ) Δ +1 486 байт 33 423 байт (32,64 КБ) Δ +219 байт 32 280 байт (31,52 КБ) Δ +204 байта
1.8.3 267 739 байт (261,46 КБ) Δ +857 байт 93 637 байт (91 0,44 КБ) Δ +201 байт 79 442 байта (77,58 КБ) Δ +326 байт 75 426 байт (73,66 КБ) Δ +305 байт 33 456 байт (32,67 КБ) Δ +33 байта 32 275 байт (31,52 КБ) Δ -5 байт 90 044
1.9.0 267 320 байт (261,05 КБ) Δ -419 байт 93 068 байт (90,89 КБ) Δ -569 байт 79 279 байт (77,42 КБ) Δ -163 байт 9004 4 75 261 байт (73,50 КБ) Δ -165 байт 32 962 байт (32,19 КБ) Δ -494 байт 31 803 байта (31,06 КБ) Δ -472 байта
1. 10.0 273 810 байт (267,39 КБ) Δ +6 490 байт 93 026 байт (90,85 КБ) Δ -42 байта 81 235 байт (79,33 КБ) Δ +1 956 байт 77 143 байт (75,33 КБ) Δ +1 882 байт 32 786 байт ( 32,02 КБ) Δ -176 байт 31 688 байт (30,95 КБ) Δ -115 байт
1.10.1 274 080 байт (267,66 КБ) Δ +270 байт 93 064 байт (90,88 КБ) Δ +38 байт 81 345 байт (79,44 КБ) Δ +110 байт 77 204 байт (75,39 КБ) Δ +61 байт 32 805 байт (32,04 КБ) Δ +19 байт 31 712 байт (30,97 КБ) Δ +2 4 байта
1.10.2 273 199 байт (266,80 КБ) Δ -881 байт 93 107 байт (90,92 КБ) Δ +43 байта 80 969 байт (79,07 КБ) Δ -376 байт 76 890 байт ( 75,09 КБ) Δ -314 байт 32 768 байт (32,00 КБ) по tes (276,31 КБ) Δ +9 745 байт 96 381 байт (94,12 КБ) Δ +3,274 байта 83,915 байт (81,95 КБ) Δ +2 946 байт 79 584 байт (77,72 КБ) Δ +2 694 байт 33 417 байт (32,63 КБ) 9 0060 Δ +649 байт 32 243 байта (31,49 КБ) Δ +574 байта
1. 11.1 282 766 байт (276,14 КБ) Δ -178 байт 95 786 байт (93,5 4 КБ) Δ -595 байт 84 264 байта (82,29 КБ) Δ + 349 байт 79 820 байт (77,95 КБ) Δ +236 байт 33 266 байт (32,49 КБ) Δ -151 байт 32 099 байт (31,35 КБ) Δ -144 байт
1.11.2 284 184 байта (277,52 КБ) Δ +1 418 байт 95 931 байт (93,68 КБ) Δ +145 байт 84 818 байт (82,83 КБ) Δ +554 байт 80 338 байт (78,46 КБ) Δ +518 байт 33 321 байт (32,54 КБ) Δ +55 байт 32 169 байт (31,42 КБ) Δ +70 байт
1.11.3 284 394 байт (277,73 КБ) 900 60 Δ +210 байт 95 957 байт (93,71 КБ) Δ +26 байт по tes (32,54 КБ) Δ -3 байта 32 173 байта (31,42 КБ) Δ +4 байта
1.12.0 294 161 байт (287,27 КБ) Δ +9 767 байт 97 362 байт (95,08 КБ) Δ +1 405 байт 9 0044 87 906 байт (85,85 КБ) Δ +2 972 байта 83 203 байта (81,25 КБ) Δ +2 756 байт 33 878 байт (33,08 КБ) Δ +560 байт 32 657 байт (31,89 КБ) Δ +484 байта
2. 0.0 240 196 байт ( 234,57 КБ) Δ -53 965 байт 83 095 байт (81,15 КБ) Δ -14 267 байт 71 101 байт (69,43 КБ) Δ -16 805 байт 29 002 байта (28,32 КБ) ) Δ -4 876 байт 28 070 байт (27,41 КБ) Δ -4 587 байт
2.0.1 2 42 727 байт (237,04 КБ) Δ +2 531 байт 83 519 байт (81,56 КБ) Δ +424 байта 71 919 байт (70,23 КБ) Δ +818 байт 68 175 байт (66,58 КБ) Δ +796 байт 29 237 байт (28,55 КБ) Δ +235 байт 28 279 байт (27,62 КБ) Δ +209 байт
2.0.2 242 915 байт (237,22 КБ) Δ +188 байт 83,50 1 байт (81,54 КБ) Δ -18 байт 72 015 байт (70,33 КБ) Δ +96 байт 68 268 байт (66,67 КБ) Δ +93 байта 29 250 байт (28,56 КБ) Δ +13 байт 28 291 байт (27,63 КБ) Δ +12 байт 90 044
2. 0.3 242 142 байта (236,47 КБ) Δ -773 байта 83 612 байт (81,65 КБ) Δ +111 байт 71 726 байт (70,04 КБ) Δ -289 байт 9004 4 68 020 байт (66,43 КБ) Δ -248 байт 29 246 байт (28,56 КБ) Δ -4 байта 28 275 байт (27,61 КБ) Δ -16 байт
2.1.0 244 963 байт (239,22 КБ) Δ +2 ,821 байт 83 615 байт (81,66 КБ) Δ +3 байта 72 509 байт (70,81 КБ) Δ +783 байта 68 589 байт (66,98 КБ) Δ +569 байт 29 344 байта (28,6 6 КБ) Δ +98 байт 28 307 байт (27,64 КБ) Δ +32 байта
2.1.1 247 351 байт (241,55 КБ) Δ +2 388 байт 84 245 байт (82,27 КБ) Δ +630 байт 9004 4 73 303 байта (71,58 КБ) Δ +794 байта 69 315 байт (67,69 КБ) Δ +726 байт 29 538 байт (28,85 КБ) Δ +194 байт 28 487 байт (27,82 КБ) Δ +1 80 байт
2. 1.2 247 380 байт ( 241,58 КБ) Δ +29 байт 84 318 байт (82,34 КБ) Δ +73 байта 73 398 байт (71,68 КБ) Δ +95 байт 69 456 байт (67,83 КБ) ) Δ +141 байт 29 561 байт (28,87 КБ) Δ +23 байта 28 514 байт (27,85 КБ) Δ +27 байт
2.1.3 247 387 байт (241,5 9 КБ) Δ +7 байт 84 320 байт (82,34 КБ) Δ +2 байта 73 399 байт (71,68 КБ) Δ +1 байт 69 455 байт (67,83 КБ) Δ -1 байт 29 562 байт (28,87 КБ) Δ +1 байт 28 520 байт (27,85 КБ) Δ +6 байт
3.0.0-alpha1 255 567 байт (249,58 КБ) Δ +8 180 байт 84 522 байт (82,54 КБ) Δ +202 байт 75 598 байт (73,83 КБ) Δ +2 199 байт 71 603 байта (69,92 КБ) Δ +2 148 байт 29 475 байт (28,78 КБ) Δ -87 байт 28 437 байт (27,77 КБ) Δ -83 байт

Сделано @mathias

Сравнение jQuery и React (в чем разница между ними) )

jQuery и React — это библиотеки JavaScript, но у каждой из них есть свои плюсы и минусы. Читайте дальше, чтобы ответить на дебаты jQuery против React!

jQuery вышел на сцену еще в 2006 году, когда ландшафт библиотек JavaScript не был так загружен, как сейчас. В то время он произвел революцию в пользовательских веб-интерфейсах, облегчив разработчикам создание интерактивных возможностей.

jQuery помог отрасли перейти от создания простых веб-сайтов к созданию веб-приложений.

React появился еще в 2013 году, но получил широкое распространение среди веб-разработчиков в 2016 году. Используя React, разработчики могут встраивать HTML в JavaScript, что упрощает управление HTML путем изменения состояния или данных.

React помог отрасли перейти от создания веб-приложений к созданию сложных крупномасштабных одностраничных приложений (SPA). В результате все больше и больше разработчиков и команд разработчиков переходят на использование React.

Размер библиотеки в КБ

Одним из наиболее важных моментов, который следует учитывать при создании веб-приложения, является взаимодействие с конечным пользователем. Они будут разочарованы, если будут ждать, пока браузер загрузит страницу. Таким образом, мы обеспечиваем плохой опыт для конечных пользователей.

Разработчики часто жалуются на то, насколько велика и раздута библиотека React. Давайте сравним размер jQuery и уменьшенного React.

Размер библиотеки jQuery и React

jQuery составляет 18% меньше по размеру файла, чем React. Вы можете подумать, что это не так уж много, но почти на 20% меньше загрузки, когда вы находитесь в сети 3G на своем смартфоне, имеет значение.

jQuery побеждает в битве за размер. Кто сказал, что размер не имеет значения?

Вакансии

Я работаю веб-разработчиком более 10 лет и вижу, как в отрасли происходит переход от использования jQuery к Angular 1.X, Angular 2 или React. Я никогда не видел, чтобы библиотека оказала такое сильное влияние на индустрию, как React.

Если вы установите расширение браузера React Developer Tools, оно сообщит вам, какие веб-сайты используют React.

Я поражен тем, сколько известных веб-приложений используют React.

AirBnb, Zillow, TripAdvisor, Netflix, Dropbox, Facebook (очевидно), Instagram, Carmax. Вы получаете картину.

Уровень принятия React в отрасли настолько высок, что спрос на разработчиков React сейчас как никогда высок.

Количество списков вакансий на Indeed.com для jQuery и React

Когда дело доходит до вакансий в jQuery по сравнению с React, React является явным победителем . Он современный, более актуальный, и команды разработчиков в крупных компаниях осознают его потенциал.

Сторонние библиотеки

Природа веб-разработки такова, что если вам нужно добавить некоторые функции в ваше веб-приложение, есть большая вероятность, что другой разработчик уже сделал что-то подобное и выпустил его как библиотеку для других разработчиков. использовать.

Хотя это и не исчерпывающий список, Node Package Manager (NPM) является крупнейшим в мире источником библиотек JavaScript.

Поиск в NPM пакетов jQuery и React дал удивительные результаты…

Учитывая, сколько лет jQuery, можно ожидать, что будет доступно больше библиотек. Хотя NPM был запущен еще в 2010 году, намного позже первого выпуска jQuery в 2006 году.

React явно лидирует, когда речь идет о количестве доступных сторонних библиотек.

Простота использования

На этот вопрос в дебатах jQuery и React ответить немного сложно. Почему? Потому что jQuery и React используются для разных целей.

jQuery отлично подходит для добавления изюминки веб-сайту. Например: включение простой контактной формы, добавление анимированного меню навигации или добавление простого триггерного события к кнопке.

Поэтому вам не стоит использовать jQuery для создания сложного веб-приложения с несколькими представлениями и сложной функциональностью.

React, с другой стороны, гораздо лучше оснащен для этих сложных веб-приложений. Почему? Из-за того, как он был разработан и как вы реализуете компоненты React, среди прочего.

Прочтите наше руководство по созданию полноценного веб-приложения с помощью React и Airtable, чтобы узнать, насколько просто реализовать приложение React.

Я собираюсь упростить использование как jQuery, так и React.

Подведение итогов

Вот и все. Мы узнали несколько интересных фактов о jQuery и React, поняли перспективы работы и узнали, как лучше всего использовать любую библиотеку.

Если мы говорим только с технической точки зрения, то нет победителя, когда дело доходит до jQuery и React, потому что они оба используются для решения разных программных задач.

Например, в нашем руководстве по вызовам API с помощью Axios и React показано, как реализовать вызовы API в React.

Если рассматривать другие переменные, такие как возможности трудоустройства, продолжительность жизни и т. д., то явным победителем является React.

React — это современная библиотека JavaScript, у нее отличная команда разработчиков, и она будет поддерживаться долгие годы благодаря всем вам, фанатам Facebook.