Начнем с того что время начала отрисовки это всегда основополагающий фактор *для меня*. Не факт что для Вас это подходит, НО, для меня странно звучит что после отрисовки первого экрана происходило торможение. Практически гарантировано – это означает, что какой-то блокирующий скрипт или CSS присутствовал напрямую в HTML. Я бы попробовал вернуть вариант с быстрой отрисовкой первого экрана и убедиться в том что нету блокирующих скриптов дальше на странице. Посмотрите рекомендации по поводу включения и асинхронной подгрузки скриптов/CSS в этом интервью, или других источниках в интернете.
По поводу speedcurve. Если нужна визуализация отрисовки как в Вашем примере, то достаточно использовать бесплатный сервис http://www.webpagetest.org/. Например – http://www.webpagetest.org/video/compare.php?tests=160503_S7_HFP-r:1-c:0
Без паники! :) Как я сказал: «не старайтесь применять к своим проектам все, о чём пишут в статьях». В какой-то степени это касается и моих статей. :) Спасибо большое что понравились и интервью и статьи. Приходите на конференцию – пообщаемся :)
По поводу speedcurve. Если нужна визуализация отрисовки как в Вашем примере, то достаточно использовать бесплатный сервис http://www.webpagetest.org/. Например – http://www.webpagetest.org/video/compare.php?tests=160503_S7_HFP-r:1-c:0
http://www.slideshare.net/spliter/ss-60990879
https://speakerdeck.com/mishunov/v-poghonie-za-proizvoditiel-nost-iu