Александр

Все это показывает работу функции с кэшем.

1 раз - выполнение функции без кэша (никакого объектного кэша ни внешнего ни встроенного, впшного)

50к раз - это многократное повторение фукнции (там уже если фукнция кэш поддерживает, включается работа кэша). Т.е. если в 50к написано очень быстро, то фукнцию можно юзать много раз и не обязательно запоминать результат в переменную для оптимизации.

PHP 7.2.5, WP 4.9.6 - это на чем проверялся код.

1. сделаем навигацию в нужном порядке: сначала блестяшки, доставка и оплата с оффером, фактоиды о себе и наконец, контактная информация.
2. покажем, что ссылки это ссылки, линию делаем с прозрачностью, чтобы не мешала, напишем-ка все строчными, по-европейски.
3. выровняем лого, навигацию и телефон по 1 линии — верхняя граница строчных
4. напишем правильно мобильный телефон, без мусора
5. упростим лого
6. используем 1 гарнитуру
7. сделаем менее агрессивный розовый
8. вынесем цитату, сделаем висячую пунктуацию, добавим автора
9. покажем поделки

ну это фастран, можео и лучше ;)

500 строк в секунду - это не мощно и, вероятно, даже не DDoS. Если адрес один, то просто закройте ему доступ брандмауэром, а если адреса разные, то настройте лимит запросов в Nginx.

nginx.conf

http {
    ...
    limit_req_zone $binary_remote_addr zone=reqlimit:10m rate=30r/s;
    ...
}

some_site.conf

server {
    ...
    location / {
        ...
        limit_req zone=reqlimit burst=10 nodelay;
    }
}

После этого запросы с одного ip-адреса начиная с 31-го в секунду будут отбрасываться.

Как вишенку на торт, можно добавить ещё фильтр для fail2ban:

nginx-req-limit.conf

[Definition]

failregex = limiting requests, excess: .* by zone .*, client: <HOST>
ignoreregex =

и правило в jail.local

[nginx-req-limit]
enabled = true
port = http,https
filter = nginx-req-limit
logpath = /var/www/*/*/logs/error.log # Здесь укажите свой путь к логам виртуального хоста
findtime = 600
maxretry = 10
bantime = 7200

После этого адреса DoS'еров будут автоматически блокироваться брандмауэром на два часа. Что разгрузит Nginx от обработки паразитного трафика.

Наверное как в Excel. Попробуйте поставить знак доллара перед каждой осью ячейки, то есть в вашем случае нужно В1 в формуле заменить на $B$1. Доллар фиксирует ось, перед которой написан.

Array.prototype.slice.call( document.querySelectorAll('table') ).forEach(function(table, i) {
  table.classList.add('class'+i);
});

UPD: Ой, не заметил что jquery

$('table').each(function(i,table) {
  $(table).addClass('class'+i);
});

<?php if ( get_field( 'air_conditioning' ) ) : ?>
    <li class="field-li">
        <span>Вентиляция и кондиционирование: <?php the_field( 'air_conditioning' ); ?></span>
    </li>
<?php endif; ?>

Можно реализовать на плагине Wp-Recall, на сайте разработчика ещё куча подплагинов к нему. У плагина есть хук, с помощью которого можно делать вкладки. Если подплагигов подходящих не нашлось, то можно использовать плагин произвольных полей ACF, в котором для пользователей можно добавить поля, в которых указывать файлы ( в PRO версии есть поле repeat, которое позволяет загружать сколько влезет "повторяющихся" полей). Ну и всё, а вывести произвольные поля сложности не оставляет.

scrollmagic.io
scrollme.nckprsn.com

в рубриках используется get_field
а вот весь код:

<?php $cat_page_title = get_field('h1_caption', "category_".get_query_var('cat'));
      if (!empty($cat_page_title)) {
           echo $cat_page_title;
            } else 
          {                                                                    
          single_cat_title();
            }
                ?>

1. Kenney.nl

Этот находящийся в Нидерландах сайт предлагает разработчикам замечательную графику. Присутствуют материалы, признанные Общественным достоянием. А это значит, что вы можете использовать их где угодно, не беспокоясь об авторских правах. Так же есть поиск графики по категориям, что значительно ускоряет процесс.
Кроме того, на сайте представлены подборки бесплатной музыки.

2. OpenGameArt.org

Наверное, один из лучших сайтов в своём классе. OpenGameArt.org огромный сайт, предлагающий все виды графики, необходимые для разработки игр. Так же на сайте имеется бесплатная музыка (звуки). Основными плюсами данного ресурса являются наличие оживленного и весьма полезного форума, а так же постоянное обновление материалов за счет пополнения самими пользователями и рейтинговой системы оценивания. Так что вы всегда сможете быстро выбрать самое лучше и свежее.

3. Untamed.wild-refuge.net

Отличный ресурс для тех, кто задумывает или уже создает свою RPG.
При переходе по ссылке справа вы увидите колонку ресурсов. Персонажи, предметы, локации и тому подобное, при нажатии на которых все-все объекты появятся на одной странице, что упрощает и ускоряет выбор. При клике на понравившегося персонажа, открывается ссылка на .png файл, со всеми 3d-проекциями и движениями, что идеально подходит для создания собственных спрайтов.

4. Crateboy.itch.io

Отличительная особенность данной коллекции - 8-битная графика городов. Вся библиотека совершенно бесплатна, и всё, о чём просит автор - упомянуть о нём в своей игре (credits).
Цветовая гамма данной библиотеки является её отличительной особенностью, и при использовании в исходном виде вполне может определить дизайн всего проекта.

5. Bagfullofwrong.co.uk

Коллекция материалов, созданных и использованных в различных проектах дизайнером Робом Фероном для Вашего личного пользования.

6. Gameart2d.com

Вебсайт, запущенный индонезийским разработчиком игр, с отличным вкусом в области дизайна игр. Хотя большая часть материалов сайта является платной, так же присутствует и бесплатная, в которой Вы можете найти симпатичные изображения. Помимо спрайтов на сайте представлены наборы для создания уровней, GUI и прочее.

7. Wigdetworx.com

Пусть это и не самая большая коллекция спрайтов из длиннопоста, но определенно каждый найдет себе здесь что-нибудь по душе. Для того чтобы скачать себе множество ландшафтов и персонажей достаточно лишь одного клика.

8. Glitchthegame.com

Создатели проекта Glitch, закрытого в 2012 году решили сделать всю её графическую часть Достоянием общественности (никакие авторские права для использование не требуются). К Вашим услугам более 10,000 изображений восхитительного качества собранные воедино и доступные по одному нажатию.

9. Dumbanex.com

Идеально для сайдскроллеров и платформеров
Множество графики от дизайнера-фрилансера Брента Андерсона. Всё бесплатно при условии упоминания в приложении (Credits).

10. Reinerstilesets.de

Бесплатная графика от разработчика игр разработчикам игр. Помимо библиотек на сайте есть неплохие туториалы.

11. Sharecg.com

Данный сайт в основном предназначен для художников для загрузки своих работ. Так что при желании Вы можете подыскать там подходящего дизайнера для своего проекта. Все работы выставляются под различными лицензиями, что обязательно проверять перед скачиванием, чтобы потом не попасть на деньги.

12. Roenica.com

Отличный сайт с графикой для инди проектов и казуалок.
Всё разбито на категории по типу игры и упаковано в ZIP архивы. Есть и 2D и 3D графика, но так же как и в предыдущем случае стоит внимательно смотреть на лицензию, под которой распространяется контент.

13. Blogoscoped.com

Сам сайт - форум про Гугл и всё, что с ним связанно, но в 2006 году его участник Philip Lenssen выложил на нем около 700 спрайтов, которые теперь распространяются под Creative Commons License

14. Lostgarden.com

Сайт немного отличается от рассмотренных выше. Это блог игрового дизайнера, в котором время от времени появляется бесплатная графика для разработчиков игр. Так же интерес представляет и сам блог, в котором дизайнеру можно найти уйму важной и интересной информации.

15. Subtlepatterns.com

Безумное количество фонов и текстур для Ваших игр и приложений. Всё как и прежде бесплатно - только не забудьте поблагодарить автора.

16. Openclipart.org

Обширное сообщество с огромными объемами графики. Всё, что сможете найти на этом сайте, совершенно бесплатно. Правда вот поискать придется как следует.

https://jsfiddle.net/QW01_01/zh7vbqao/

обычно вся картинка идет фоном, а на ней размечаются невидимые области-ссылки, при наведении на которые появляются дополнительные элементы (подсвеченные здания, этажи с включенным светом и т.д.) - вот эти элементы нужно отдельно запросить у дизайнера. еще обязательно уточните параметры резиновости/адаптивности и кроссбраузерность, чтобы потом не было вопросов. области для наведения произвольной формы можно задавать при помощи map-area, советую генерировать из картинки.

Адаптивные изображения?
.img{ background-size: cover; width: 100%; }

<div class="img" data-type="responsive-img" data-src="http://rara-rara.ru/pic/8b34f528e82489cd981bf2d8064f8c56.jpg" data-ratio="1.252" data-ratio-720="2.5">

var _fnResize = function()
{
    $( '[data-type="responsive-img"]' ).each(function(){
	    var _img = $( this );
        if( !_img.data( 'load' ) )
        {
			_img.css({ 'background-image': 'url(' + _img.data('src') + ')' });
           	_img.data( 'load' , true );
        }
        
	    var _ratio = _img.data( 'ratio' );
        
        if( window.innerWidth <= 720 ) _ratio = _img.data( 'ratio-720' );

	    _img.css({
		    height: _img.width() / _ratio
	    });
    });
}

$( document ).ready( _fnResize );
$( window ).on( 'resize', _fnResize );

jsfiddle.net/q7sbeoay/1

Варианты:
transform: skew с изображением-background jsfiddle.net/yurzui/bLLhwwvq
transform: skew с инлайн img jsfiddle.net/yurzui/23khe2kz
transform: rotate с инлайн img jsfiddle.net/yurzui/z47ugwLh/
svg с инлайн img jsfiddle.net/yurzui/z47ugwLh

Шаблон довольно примитивен, с точки зрения простоты вёрстки. Я бы, сверстал HTML и натянул бы на каркас, например на этот: roots.io/sage. Также, для начинающего пригодятся такие ссылки:
- "Custom Post Type" фреймворк "Pods" (pods.io);
- Дополнительные админ панели "Redux" (https://reduxframework.com);
- Плюшки: Twitter Bootstrap, Font Awesome, TimThumb, fancyBox и т.д.

Чаще всего достаточно сделать как вы сказали, 1 файл верстки + 1 файл для формы.
Но иногда клиенту надо иметь возможность редактировать всё в удобном формате через админку. Тогда я делаю верстку одной страницы на wordpress, ставлю плагин доп полей, и через них добавляю все блоки для лендинга (это чисто ради удобства для клиента). Ну и плюс с формами тоже удобно работать для клиента. Как плюс - расширяемость. Можно сделать много лендингов, или вообще расширить в полноценный сайт.
В итоге у меня получается что-то в таком духе

и клиент радуется, что всё легко меняется