Выступление Джейка Арчибальда (Jake Archibald), Google relation team
Прошло в форме интерактивного опроса на знание работы браузеров: парсинг документов, исполнение джаваскрипт. Участники отвечали применительно к Chrome, Safari, Firefox, IE (Opera не было).
Вопросы:
- Какие браузеры загрузят картинку, если в коде напишем
<image src="image.png">Ответ: все, страховка на случай, когда разработчик неверно пишет тегimg, пошло с древних времен - А в этом случае
<image src="image.png" style="display:none">? Все, т.к. при парсинге не применяются стили и картинка отправляется на загрузку <div style="display:none"><div style="background-image:url(image.png)></div></div>Никто не будет загружать, у родительского элементаdisplay:none, он не попадает в Render tree, и для дочерних элементов не выполняется style calculation
Разработчик из Washington Post
Рассказал, как все было непросто раньше: страницы компилировались и хранились в виде файлов на сервере, при обновлении шаблонов приходилось все перегенерировать. Исользовался Prototype, который изменял прототайпы у встроенных объектов. Когда они решили перейти на jquery, понадобилось поддерживать несколько библиотек.
Итерационно пришли к современным инструментам: SASS, GruntJS, JS минификация+конкатинация, CSS-спрайты. Серьезно сократили время загрузки и рендера страницы. Но на этом не останавливаются.