Блогът на Гонзо

Как да използваме Autoptimize с HTTP/2

Освен ако не сте прекарали последните години в колиба в гората, сигурно знаете, че HTTP/2 вече се поддържа от сървърите на всички доставчици на хостинг услуги и с помощта на Let's Encrypt преминаването към новата версия на протокола е лесно и бързо. Ако ползвате WordPress и сте се интересували от оптимизиране на зареждането на сайта, сигурно сте чували за разширението Autoptimize, което позволява обединяване и смачкване на JavaScript и CSS файловете, които вашия сайт зарежда. Но с преминаването към HTTP/2, казват, обединяването на файловете вече не е необходимо, дори е вредно. А дали наистина е така?

В по-новите версии на Autoptimize има възможност чрез филтър да съставите списък с разрешени за обединяване скриптове. Това позволява да обедините скриптовете, които са задължителни за всички страници в сайта и да оставите скриптовете, които се зареждат само на определени страници извън пакета. Това решава и един друг проблем с Autoptimize – когато различни скриптове се зареждат на различни страници, пакетите, които се генерират са различни. Това води до безконтролно увеличаване на кеша на Autoptimize и до забавяне на зареждането за потребителите, защото вместо да заредят кеширан файл, всеки път теглят различен.

още…

Експортиране на заглавия, съдържащи HTML, от WordPress

WordPress позволява да се въвежда HTML на много места, на които не бихте си помислили да го направите. Например заглавията на публикациите – например за да откроите някои думи, да маркирате правилно абревиатура или по друга причина. Например повечето статии […]

Установяване на правилен локал на формите, създадени с Contact Form 7

Наскоро ми се наложи да правя сайт с WordPress на Иврит. За незапознатите с особеностите на близкоизточните езици ще напомня, че се пишат от дясно на ляво и нямат главни букви. Освен това чуждите думи, изписани на латиница (или друга […]

Флекс в неделя сутрин: заглавие с линии от ляво и дясно

Не знам дали ще има и други публикации, че да се превърне това в рубрика, но ми хареса идеята да си поиграя с флекса в неделя сутрин. И така, искаме на направим заглавка, която има от ляво и от дясно […]

Невидимо вграждане на външно съдържание с iframe

Поради различни съображения понякога се налага да използваме външни услуги за част от съдържанието в сайта. В един точно такъв случай ми се наложи да вградя външното съдържание в сайта с iframe и решението трябваше да отговаря на следните изисквания: […]

I know what you did onbeforeunload

There are a couple of questions on StackOverflow about distinguishing download links in onbeforeunload event handler, the usual use case being skipping loading animation. The simple solution is to use the download attribute on the link itself, but this can’t […]

Responsive header images with WordPress

Големите картинки, заемащи почти целия екран от доста време са на мода, но освен да впечатляват потребителя, те могат и доста да го изнервят докато чака да се заредят. Проблемът става съвсем явен когато потребителя разглежда сайта на екрана на […]

Валидиране на форми в браузъра

В тази статия ще се опитам да ви покажа как лесно да направите валидация на форми с HTML5. Не че няма сигурно хиляди модули за всяка възможна библиотека или фреймуърк, обаче те ще ви наложат техния интерфейс и начин на […]

Self-initialising Module Pattern

Доста време не съм писал в блога, предишната публикация е от преди повече от две години. Смятам обаче да променя това и сега ще се опитам да ви покажа до какъв design pattern достигнах, работейки по един проект. Въпросният проект […]