Цепляемся за событие загрузки фото и анимируем. Есть правда проблема с анимацией height: auto, но есть волшебный поджопник: https://jsfiddle.net/wokster/d32yeeze/
Друзья, как вы настраиваете навигацию в нотпад++ при работе с css?
а мы не работаем с css через NotePad++. Это же мазохизм. Есть ide типа webStorm или бесплатный, но корявый sublime text или бесплатный, но менее корявый atom.
Вероятно просто кеш. Или браузерный или серверный или самого wp. откройте через инспектор кода css и посмотрите есть ли там Ваши правки, думаю, что нет.
PageSpeed - это подсказки, а не руководство к действию. Вам робот указывает, что можно сделать, что бы ускорить загрузку страницы. Это не значит что это надо делать. Это не seo советы от гугл. Это просто удобный инструмент, что бы глянуть, а что там еще я не сделал. Пользуйтесь здравым смыслом.
Ведь Вы же не ставите на автомобиль ракетный двигатель, хотя это быстрее.
Если уж маниакальная зависимость от скорости - то вынесите часть ключевых стилей в отдельный файл и подключите в head синхронно. Остальное асинхронно.
Тянуть для лендинга многофункциональную cms нет смысла в любом случае. Если бюджет маленький - только html+css. Если бюджет позволяет и если планируются правки контента - можно написать микро cms под этот конкретный проект.
Все что можно сделать средствами css - делаем через css, все остальное js
Конечно речь не идет о костылях. Но большую часть вопросов связанных с адаптивностью css берет на себя без проблем. Меньшая часть решается css+js. И только очень редкие случаи требуют чистого js.
Оптимальнее по скорости - грузить из вне, плюс меньше нагрузка на свой сервер.
Безопаснее от себя - так как если Ваш сайт работает, а внешний нет, будет бебека.
Или может есть ещё какой то способ?
У них есть вариант с js. Он тянет то что будет работать у конкретного пользователя, тянет ассинхронно, но не от Вас.