Оптимизирайте Скороста на Сайта си - Speed Performance
- Автор radoslav68
- Начална дата
mobilio
Well-Known Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
На практика нещата са малко по-различни.
Пример с/у async.
Зареждаш jQuery, jQuery-migrate, Superfish (меню система), jQuery-flexslider, jQuery-fancybox.
Нищо от това не можеш да го асинкнеш защото всичко зависи от jQuery и ще се счупи. Отделно е важна и подредбата - не можеш да заредиш flexslider и fancybox първо защото липсва jQuery.
Когато сложиш js във края на файла е малко по-добре. Обаче не е идеално! При зареждането на JS създаването на DOM спира. Затова не трябва да са във началото ами във края.
Пример - зареждаш пак JS кодовете от горния пример и на страницата няма flexslider, fancybox и т.н.
Язък дето се зареждат, инициализират. Най-добрия вариант е да ги терминираш и да използваш нещо CSS3 (ако може) или просто да си намериш някакви заместители по-леки.
Основните стилове... звучи прекрасно. На практика обаче е трудно да си почистиш темата от глупостите. Ей това https://addons.mozilla.org/en-Us/firefox/addon/dust-me-selectors/ е най-красивия начин за прочистването им. Отделно има и спайдър на XML сайтмап.
Обаче под WP ще трябва да си редактираш темата, плъгините и т.н. за да вземеш един голям CSS файл който да го прочистиш и минифицираш. Това със плъгин за целта не е ефективно заради много причини свързани със плъгините. Има плъгини дето зареждат CSS файл най-отдолу и плъгина за минифициране чака всичко и на финала ти пуска ЦСС-а най-отдолу което е грубо.
Както сам виждаш няма пълно щастие...
Последната книжка която прочетох беше това "Designing for Performance":
http://shop.oreilly.com/product/0636920033578.do
Писателката работи във Etsy и отговаря за скоростта там. Определено научих нови неща по материята.
На практика нещата са малко по-различни.
Пример с/у async.
Зареждаш jQuery, jQuery-migrate, Superfish (меню система), jQuery-flexslider, jQuery-fancybox.
Нищо от това не можеш да го асинкнеш защото всичко зависи от jQuery и ще се счупи. Отделно е важна и подредбата - не можеш да заредиш flexslider и fancybox първо защото липсва jQuery.
Когато сложиш js във края на файла е малко по-добре. Обаче не е идеално! При зареждането на JS създаването на DOM спира. Затова не трябва да са във началото ами във края.
Пример - зареждаш пак JS кодовете от горния пример и на страницата няма flexslider, fancybox и т.н.
Язък дето се зареждат, инициализират. Най-добрия вариант е да ги терминираш и да използваш нещо CSS3 (ако може) или просто да си намериш някакви заместители по-леки.
Основните стилове... звучи прекрасно. На практика обаче е трудно да си почистиш темата от глупостите. Ей това https://addons.mozilla.org/en-Us/firefox/addon/dust-me-selectors/ е най-красивия начин за прочистването им. Отделно има и спайдър на XML сайтмап.
Обаче под WP ще трябва да си редактираш темата, плъгините и т.н. за да вземеш един голям CSS файл който да го прочистиш и минифицираш. Това със плъгин за целта не е ефективно заради много причини свързани със плъгините. Има плъгини дето зареждат CSS файл най-отдолу и плъгина за минифициране чака всичко и на финала ти пуска ЦСС-а най-отдолу което е грубо.
Както сам виждаш няма пълно щастие...
Последната книжка която прочетох беше това "Designing for Performance":
http://shop.oreilly.com/product/0636920033578.do
Писателката работи във Etsy и отговаря за скоростта там. Определено научих нови неща по материята.
stuklen
Well-Known Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
Точно това обяснявам, че на теория е така, но на практика не е баш така.
А тези js за които говориш, ако са направени добре и и се използват правилно няма да се забелязват от потребителя, че се зареждат асинхронно или в края на страницата.
За тези неща трябва да се почне да се мисли още в момента на проектиране на темата и така да се минимизират тези загуби.
Точно това обяснявам, че на теория е така, но на практика не е баш така.
А тези js за които говориш, ако са направени добре и и се използват правилно няма да се забелязват от потребителя, че се зареждат асинхронно или в края на страницата.
За тези неща трябва да се почне да се мисли още в момента на проектиране на темата и така да се минимизират тези загуби.
mobilio
Well-Known Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
Ами не си прав. Те се зареждат обаче не се използват. Т.е. загуба на трафик, процесорно време (за обработката) и рам памет (все пак някъде трябва да се натъпчат нещата).
Проблема е че повечето теми на Темфорест (примерно) на техния сайт изглежда по един начин, на твоя по друг и на финала виждаш една камара л@йн@ след като я закупиш. Ако седнеш да преправяш темата ще ти отнеме няколко дена и на финала май само името ще остане същото като оригинала.
PS: Не се заяждам. В момента преработвам Evolution темата на ElegantThemes и направо ми се реве. Разкарах CSSите в момента махам и JSите. Зареждането на 13 JSа е ненормално.
Ами не си прав. Те се зареждат обаче не се използват. Т.е. загуба на трафик, процесорно време (за обработката) и рам памет (все пак някъде трябва да се натъпчат нещата).
Проблема е че повечето теми на Темфорест (примерно) на техния сайт изглежда по един начин, на твоя по друг и на финала виждаш една камара л@йн@ след като я закупиш. Ако седнеш да преправяш темата ще ти отнеме няколко дена и на финала май само името ще остане същото като оригинала.
PS: Не се заяждам. В момента преработвам Evolution темата на ElegantThemes и направо ми се реве. Разкарах CSSите в момента махам и JSите. Зареждането на 13 JSа е ненормално.
stuklen
Well-Known Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
За кое не съм прави? Като ти трябва някакъв скрипт или стил го зареждаш, като не ти трябва не го. Кое не се използва?
Ей за това има уебсайт от 200лв и от 2000лв Едните ти предлагат убесайт да работи колкото да вземат $15, а другите предлагат качество.
За кое не съм прави? Като ти трябва някакъв скрипт или стил го зареждаш, като не ти трябва не го. Кое не се използва?
Ей за това има уебсайт от 200лв и от 2000лв Едните ти предлагат убесайт да работи колкото да вземат $15, а другите предлагат качество.
mobilio
Well-Known Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
Не си прав защото във WP стилове и скриптове се зареждат ето така:
wp_enqueue_style()
wp_enqueue_script()
И те се слагат във опашката със многото скриптове/стилове. Обаче ако във контента не зареждаш нещо (примерно във моя сайт се зарежда flexslider, обаче се ползва само във основната страница) зареждането и инициализирането на flexslider е нахалост. Отделно темата идва със много shortcodes което е супер за начинаещи, обаче ми набива допълнително едни 30к CSS (във 2 файла), а използвам само 5-6 стила от тях. Т.е. 98% поне не ги използвам.
А сайтове за 2К+ също зареждат една камара глупости и са далеч от оптималното.
Не си прав защото във WP стилове и скриптове се зареждат ето така:
wp_enqueue_style()
wp_enqueue_script()
И те се слагат във опашката със многото скриптове/стилове. Обаче ако във контента не зареждаш нещо (примерно във моя сайт се зарежда flexslider, обаче се ползва само във основната страница) зареждането и инициализирането на flexslider е нахалост. Отделно темата идва със много shortcodes което е супер за начинаещи, обаче ми набива допълнително едни 30к CSS (във 2 файла), а използвам само 5-6 стила от тях. Т.е. 98% поне не ги използвам.
А сайтове за 2К+ също зареждат една камара глупости и са далеч от оптималното.
mobilio
Well-Known Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
WP не е накадърна система! Обаче драскачите на теми и плъгини са във повечето случаи.
Аааа, ти си объркал темата! Тук говорим за оптимизация за бързина на сайт. Не колко некадърна система е WP. За това си има други теми.
WP не е накадърна система! Обаче драскачите на теми и плъгини са във повечето случаи.
Torbalan Trolski
Well-Known Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
Кратко и изчерпателно. След няколко набутвания в гората се ядосах и си написах тема базирана _s и bootstrap, която лети в сравнение с лайната, за които съм давал по 50-60$.
Кратко и изчерпателно. След няколко набутвания в гората се ядосах и си написах тема базирана _s и bootstrap, която лети в сравнение с лайната, за които съм давал по 50-60$.
Sky
Well-Known Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
И да не забравяме, че колкото и добре да е направен един сайт ако хостинга е калпав все тая.
Много засрани теми станаха там.
И да не забравяме, че колкото и добре да е направен един сайт ако хостинга е калпав все тая.
mobilio
Well-Known Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
Ам... пропуснал си най-миризливата работа...
1. Смъкваш тема оттам. И тя идва със 3 плъгина дето да си ги инсталираш на ръка. revSlider и още нещо във повечето случаи.
2. Излиза хак за revSlider-a и 100000 сайта се оказват проблематични. Твоя тоже.
3. Не можеш да обновиш лесно и просто щото автора на темата е счупил механизма за обновление нa WP както и за плъгините.
Ам... пропуснал си най-миризливата работа...
1. Смъкваш тема оттам. И тя идва със 3 плъгина дето да си ги инсталираш на ръка. revSlider и още нещо във повечето случаи.
2. Излиза хак за revSlider-a и 100000 сайта се оказват проблематични. Твоя тоже.
3. Не можеш да обновиш лесно и просто щото автора на темата е счупил механизма за обновление нa WP както и за плъгините.
Sky
Well-Known Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
Не, че са нещо кой знае какво, но по моя преценка са една идея по смислено направени.
Вземам вече от тук само теми - https://mythemeshop.com/
Не, че са нещо кой знае какво, но по моя преценка са една идея по смислено направени.
apartamenti
Member
От: Оптимизирайте Скороста на Сайта си - Speed Performance
да за wordpress W3C наистина помага. :-o и вместо mysql инсталирайте Percona ще видите разликата!
да за wordpress W3C наистина помага. :-o и вместо mysql инсталирайте Percona ще видите разликата!