HTML и CSS здесь не при чем. Код, конечно, можно оптимизировать, убрать лишние пробелы, отступы и т.д., сделать страничку чуть полегче, но это не выход.
Основную роль в этом играет сам сервер. Это же простая операционная система, со своим процессором и оперативной памятью.
Выход - менять сервер на более мощный, мощный процессор, побольше оперативной памяти.
А оптимизация HTML и CSS - это мелочи.
Эта строчка
Blockquote<!--[if lt IE 7]
Blockquote
означает, что если вы используете браузер младше IE 7, то будет использоваться таблица стилей iebehavior.css. Какая css у вас основная? Посмотреть бы код.
Надо подключать дополнительные плагины, для того чтобы фото разворачивалось при нажатии на его миниатюру. Стандартными средствами не делается.
Перенесла инструкцию по кубу с вращением в отдельный ответ, так как из-за большого количества символов у меня всё повисло :)
Для такого куба вам понадобится уже 6 дивов, чтобы было видно все грани. Создаем конструкцию такого типа:
Поскольку есть общие стили для всех сторон, то либо выделяйте отдельный класс (в данном случае side), либо назовите контейнер, например, section вместо div. Но я предпочитаю задать два класса и не путаться.
Позиционирование сторон происходит по тому же принципу, что и в прошлом примере. Но такой куб имеет больше шансов рассыпаться, поэтому нужно установить показатель перспективы (определяет его отдаленность от экрана) и сделать всю композицию флексовой, чтобы проще было её позиционировать.
Размеры заданы в em, вы можете задать любую другую единицу. Если не хотите, чтобы стенки "поехали", меняйте размеры пропорционально. Например, если вы устанавливаете размер сторон в 100 пикселей, в трансформе поменяйте значения на -50px или 50px, соответственно.
В каком редакторе вы работаете?
К примеру, в Sublime Text 3 вы открываете тег <h - autocomplete сразу предлагает на выбор несколько вариантов (html, head, h1, h2 и т.д), в Notepad, насколько я знаю то же самое.
Может я не совсем правильно понял вопрос?
Если речь идет о часто встречающихся тегах, таких как, например <li>, то просто сразу копируете <li></li> на столько строк, сколько вам нужно, а потом уже вставляете внутрь свой текст.
Еще раз заранее извиняюсь, если не совсем понял о чем идет речь.