Питай програмист #7

Привет, Татяна,

Имам един малко по-подробен гайд за скоростта на https://mariopeshev.com/ways-dramatically-speed-website-technical-perspective/ , макар че някои от нещата са една идея по-технически.

Това, което виждам на първо време, е комбинация от няколко компонента, които допринасят за бързодействието:

1) Снимките в тъмбнейлите из сайта се показват в пълен размер. Една от снимките е 24 мегапиксела (6000х4000), а се показва в тъмбнейл на началната страница до няколко други снимки с размер 440х300. Използването на по-малки размери за тези секции е важно, но не знам дали темата го поддържа.

2) Също така не изглеждат компресирани – има услуги като tinypng.com, които правят компресия без загуба на качеството и често свалят размера на половина (или дори повече). За фотографски блог това определено е необходимо – а има и някои плъгини, които го правят при качване на всяка снимка.

3) Има плъгини за кеширане, които помагат много. В зависимост от трафика, мога да ти препоръчам NitroPack, които предлагат и безплатна версия (с лого във футъра), като те подобряват бързодействието до огромна степен. Има лимити за безплатната версия, но могат да решат доста проблеми. Иначе има и плъгини, но изискват по-сложни настройки и зависят от хостинга.

4) Не знам каква услуга използваш за хостинг, но по-евтините такива често забавят допълнително 🙂

5) Галерията на сайта е доста тежка и включва различни компоненти, които забавят допълнително. Същото важи за Instagram и YouTube. Има варианти за т.н. “lazy loading”, ресурсите да се зареждат само при скролване, както и видеата да се визуализират само като картинка и да зареждат при кликането им.

Това са някои от по-очевидните неща. Може да пробваш с NitroPack, ако безплатният план работи, или с някой плъгин за кеширане, както и да видиш дали има настройки за размера на картинките и да ги компресираш. Тези стъпки биха решили немалка част от проблема 🙂