Оптимизация загрузки сайтов WordPress. Установка заголовков Expires

(2 оценок, среднее: 5,00 из 5)
Загрузка...

Http заголовок Expires сообщает браузеру, что после того, как он загрузил необходимый файл, ему не нужно загружать повторно этот файл на протяжении определенного промежутка времени. Использование заголовка expires позволяет сократить нагрузку на сервер, а также увеличить скорость загрузки страниц вашего сайта. Также это решает проблему "Используйте кеш браузера" в сервисе проверки скорости загрузки страниц PageSpeed Insights (кроме сторонних файлов, например, это не решит проблему со скриптами Google analytics или Яндекс метрики). Настроить заголовки Expires на сайте под управлением WordPress можно, добавив в файл .htaccess следующие директивы:
# BEGIN EXPIRES 
<IfModule mod_expires.c>
ExpiresActive On 
ExpiresDefault "access plus 10 days"
ExpiresByType text/css "access plus 1 week" 
ExpiresByType text/plain "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month" 
ExpiresByType image/jpeg "access plus 1 month" 
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType application/x-icon "access plus 1 year" 
</IfModule> 
# END EXPIRES

Ajax форма для WordPress

(11 оценок, среднее: 5,00 из 5)
Загрузка...

Использование ajax при отправке формы позволяет отправить форму без перезагрузки страницы. В WordPress это достаточно просто реализовать. Допустим, у нас есть следующая форма заказа звонка:

<form class="form-container recall-form-validate">
    <div class="form-title"><h2>Заказать звонок</h2></div>
    <div class="form-title">Введите Ваше имя:</div>
    <input class="form-field form-name" type="text"  name="name" /><br />
    <div class="form-title">Введите номер телефона:</div>
    <input class="form-field form-tel" type="text"  name="tel" /><br />
    <div id="submit-ajax" class="submit-container">
        <input class="submit-button" type="submit" value="Отправить"/>
    </div>
</form>

Теперь напишем скрипт, обрабатывающий событие нажатия на кнопку "Отправить": Подробнее...

Удаление атрибутов width и heigth у миниатюр WordPress

(5 оценок, среднее: 4,20 из 5)
Загрузка...

По умолчанию функция   the_post_thumbnail() выводит html миниатюры поста в следующем виде:

<img width="400" height="500" src="" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" 
alt="" srcset="" >

В некоторых случаях необходимо убрать атрибуты  width и  height выводимого изображения. Для этого можно использовать фильтр функции wp_get_attachment_image_src(), на основе которой работает функция вывода миниатюр:


add_filter('wp_get_attachment_image_src','delete_width_height', 100, 4);

function delete_width_height($image, $attachment_id, $size, $icon){

    $image[1] = '';
    $image[2] = '';
    return $image;
}

Данный код необходимо поместить в файл functions.php вашей темы, и результат, возвращаемый функцией the_post_thumbnail(), примет вид:

<img src="" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" 
alt="" srcset="" >
Страница 3 из 3123