Удаляем из верха страницы JavaScript и CSS по рекомендации PageSpeed Insights.

удаляем js и css из верха страницы
Доброго времени суток с вами я Лифанов Валентин и блог wpsovet.ru. Я продолжаю цикл статей посвященных требованиям сервиса PageSpeed Insights, сегодня разберем грубейшее нарушение по мнению этого ресурса, оно звучит так «Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение», далее вы поймете почему оно одно из важных. Я продолжаю анализировать блог ruletov.net, и вот скриншот, который подтверждает ошибки.

Удалить JavaScript и CSS

Для начала немного теории.

Для оптимизации очень важна такая штука, как скорость загрузки, не буду хвалиться, но она у меня 100%. А самый важное из этого требования, отклик сайта при заходе на него и начальное формирование, а точнее то время за которое все это происходит, и чем оно меньше тем лучше. А теперь смотрите, нам важен быстрый отклик сайта, а как он быстро отзовется если в самом начале грузятся всякие js скрипты, стили всяких плагинов и тому подобное. Я зашел в код страницы и сразу увидел, глядите снимок (я только две строчки снял под ними, еще больше всего).

 JavaScript и CSS

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

Данное правило срабатывает если, у вас в разделе <header>и<body> идут загрузки скриптов js. С этим надо бороться, но руками я ничего хорошего не добился, вроде все делал грамотно, перемещал все загрузки в раздел<footer>, перечитал множество статей и мануалов, одно делаешь, другое перестает работать. Пришел к выводу, либо я дурак, либо лыжи не едут.

Решение проблемы.

А разгадку я нашел, как ни прискорбно, в плагине Autoptimize, очень долго я сопротивлялся, но делать не чего. Ставиться он стандартно, я лично через поиск в самой административной панели. Я выяснил, что многие его ставят, чтобы не запариваться, да и нагрузка от него почти никакая. Поставив его я очень удивился, все стало работать как надо, и PageSpeed не ругается. Теперь собственно переходим к разбору плагина, потому как могут произойти проблемы в настройках. Заходим в настройки плагина и начинаем разбор.

Перед началом, сразу же включите расширенный режим, нажатием кнопки «Show Advansed Settings».

настройка удаления JavaScript и CSS

Параметры HTML, обязательно включаем, при этом всё будет перестроено, в самой теме вы ничего не обнаружите, но зайдя в исходный код, увидите там «месиво», просто плагин по максимуму сжимает содержимое, убирая лишние пробелов и переносы. Насчет «Сохранять комментарии», тут на ваше усмотрение, просто у вас в исходнике останутся все пометки в коде, я оставил пусть будет.
убираем комментарии в js

  1. Оптимизировать код JavaScript? Здесь ставим галочку. Маленько поясню, оптимизация сводиться к тому, что плагин, компонует js файлы меж собой и отправляет их прямиком в подвал сайта.
  2. Force JavaScript in <head>? Спорный, если у вас очень много jquerry, то при их перемещении в футер, они могут перестать работать.Но тогда я не совсем понимаю, для этого и ставиться Autoptimize, чтобы все переместить вниз, а тут вот такое, но в любом случае я не включаю, нет смысла, тем более jquery элементов, у меня только один.
  3. Look for scripts only in <head>?(deprecated)Переводиться как искать скрипты только в разделе head, и в скобочках, почему-то, не рекомендуется. Опять не понимаю, почему нельзя, именно этого нам и надо, чтобы всё из головы уходило в подвал, в любом случае отмечаем.
  4. Exclude scripts from Autoptimize. Этот пункт мне очень нравится, если у вас что-то перестало работать в результате работы этого плагина, то сюда просто прописываете название скрипта, и он затронут не будет, клевое решение.
  5. Add try-catch wrapping? Я не ставил здесь, она добавит к нерабочим скриптам свой тег, что предотвратит их использование, и помех для других. Во-первых, у меня нет нерабочих, во-вторых, мне не нужны какие-то теги в теле сайта, поисковики могут не так понять. Лучше сами проверьте работоспособность всего на блоге.

Удалить CSS из верха страницы

  1. Оптимизировать код CSS? Включаем чек бокс однозначно. Плагин все сделает сам, удалит лишние строчки в коде стилей, и поместит их на нужное место.
  2. Generate data: URIs for images?, Look for styles only in <head>?(deprecated), Inline and Defer CSS?Все эти вещи не включаем, они будут делать только хуже, описывать не буду.
  3. Inline all CSS? На скриншоте показано что галочка стоит, но пока ее выключил. Смысл в том что, когда он активен, почти весь файл стилей переносится в страницу. С одной стороны не идет загрузка стилей, а с другой код  становится громадным, что тоже дает нагрузку. Решайте сами, я пока окончательного вердикта вынести не могу.
  4. Exclude CSS from Autoptimize. То же самое что и в прошлом случае, список исключаемых, только уже css, которые плагин трогать не будет.

сохранение изменений

В самом конце включаем чек бокс и сохраняем все настройки, и на этом все сделано. Мы одним выстрелом, убили трех зайцев, сжали и оптимизировали html составляющую, js теперь загружаются правильно, а css максимально сбавило свой вес и нашло свое место.

P.S. А вам статья понравилась? Если честно не думал что получиться так все длинно, но зато все подробно.

Понравилась статья? Поделиться с друзьями:
Комментариев: 107
  1. Олег

    Полезный и нужный совет по удалению из верха страницы JavaScript и CSS . Спасибо за информацию.

  2. Петр

    Мне не особо это мешает. Но тем людям, которым не нравится полезно будет почитать данную статью.

  3. Дмитрий

    Дано искал информацию по удалению из верха страницы JavaScript и CSS. На других ресурсах толком ничего не писали.

  4. Дмитрий Донской

    После проведения данной процедуры загрузка отображения действительно происходит чаще.

  5. Олеся

    А я все голову ломала, где же мне найти такую информацию по удалению верха страницы JavaScript. Нашла.

  6. Валерий

    ведь помню где то у вас видел это совсем забыл про рубрику оптиускорение.

    1. Лифанов Валентин (автор)

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

  7. Валерий

    Да адаптация работает пару рекомендаций каких то, что в роботе нужно прописать а что?

    1. Лифанов Валентин (автор)

      Прочитайте вот эту статью, там написано http://wpsovet.ru/mobilnaya-versiiya-bloga/proverka-mobilnoy-versii.html

  8. Валерий

    Мне почему то не помогло

    1. Лифанов Валентин (автор)

      Так подождите маленько, пока плагин сделает кэш.

  9. Валерий

    Уже достаточно прошло времени, думаю все же менять нужно шаблон много там ненужного у меня думаю.

    1. Лифанов Валентин (автор)

      Попробуйте в разделе оптимизации javascript оставить только первый пункт, остальные отключить, Css и Html не трогайте.

  10. Валерий

    Поумнело, но до идеала еще далеко конечно.

    1. Лифанов Валентин (автор)

      Надо смотреть изнутри.

  11. Андрей

    Применил, спасибо.

    1. Лифанов Валентин (автор)

      Пожалуйста Андрей, с новым годом.

  12. Игорь Черноморец

    Привет Валентин! А я все не решаюсь оптимизировать скрипты вверху страницы. Может быть уже пора бы? :)
    А бекап не стоит ли сделать перед использованием плагина?

    1. Лифанов Валентин (автор)

      Давно пора, проверьте через гугл! Бэкап в обязательном порядке надо.

      1. Игорь Черноморец

        А ты не слышал о плагине Better WordPress Minify?
        Говорят, что он получше Autoptimize.
        Что скажешь?

        1. Лифанов Валентин (автор)

          Заинтриговал, проверю результаты, отпишусь, сам им пользовался?

          1. Игорь Черноморец

            Нет, сам не пользовался. Как проверишь, поделись результатами

          2. Лифанов Валентин (автор)

            Хорошо, уже посмотрел его, настроек маловато, но сейчас протестирую.

  13. Анна

    Установила Autoptimize, но показатели не изменились. Это означает, что плагин отказывается работать на моем блоге? :x

    1. Лифанов Валентин (автор)

      Не может быть, все пункты как я написал сделали? После установки autoptimiza, очичстите кеш в плагине кеширования.

      1. Анна

        Да, всё так сделала. Единственное отличие — в моей версии нет пункта Look for scripts only in ?(deprecated), на его месте стоит Also aggregate inline JS?

        1. Лифанов Валентин (автор)

          Попробуйте оставить только галочки в главных пунктах, а подпункты не трогать.

          1. Анна

            Пробовала разные варианты, ничего не помогает! Может конфликтует с каким плагином

          2. Лифанов Валентин (автор)

            Ань пришли мне список плагинов на почту.

  14. Светлана

    Здорово написано, а главное все разжевано, остается только проглотить. Обязательно займусь установкой плагина. Спасибо за статью. Мне вас сам бог послал. Теперь вы у меня в закладках и я думаю, ох как надолго. :smile:

    1. Лифанов Валентин (автор)

      Аааааааааа, очень приятно.

      1. Светлана

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

        1. Лифанов Валентин (автор)

          Только не в моей квартире :) Но я сейчас проверил, адаптивку делать надо, а то печалька.

          1. Светлана

            Ага, печалька :cry:

          2. Лифанов Валентин (автор)

            Я могу помочь в этом вопросе, адаптивный дизайн сделать, пока что бесплатно. Если что обращайтесь, копаться с кодах мне нравится.

  15. Светлана

    А тему свою вы сами адаптировали или взяли уже готовый шаблон?

    1. Лифанов Валентин (автор)

      Я и тему сам писал, а когда с адаптацией познакомился, то и так же сам сделал. В общем все с нуля, код чистейший, а css3 вообще без ошибок.

      1. Светлана

        А у меня не получается что-то. Шаблон наверное проще поменять, хотя хочется самой все это дело добить. Для галочки.

        1. Лифанов Валентин (автор)

          Вот это похвально, терпение и труд. Любой шаблон можно подшаманить как надо, только мой совет, кстате на эту тему скоро будет статья, не берите сложные шаблоны, в которых и сео и загловки и смены всех параметров, нет это все грузит.

          1. Светлана

            Это я уже поняла, но сдаваться не хочу. Пока…

          2. Лифанов Валентин (автор)

            Если что, знаете к кому обратиться.

  16. Светлана

    Ну тогда я теперь от вас не отстану :twisted:

    1. Лифанов Валентин (автор)

      Ради бога, я только рад. :)

  17. Андрей

    `Generate data: URIs for images` все же лучше включить — эта опция по идее должна маленькие изображения стилей встраивать в файл стилей, что уменьшает количество запросов к серверу и значительно ускоряет скорость загрузки страницы, но сам css от этого увеличивается.
    Переносить css из `head` тега в низ страницы не рекомендуется хоть это и оптимизирует скорость однако ломает верстку во время загрузки.
    И еще инлайнить css в страницу — от этого намного больше вреда чем пользы.

    1. Лифанов Валентин (автор)

      Хорошие советы, спасибо Андрей, но тут надо тестировать. На многих сайтах пробовал и видел что и css в подвале и инлайн используют, все хорошо, никто ни начто не ругается. Насчет ломает верстку, ничего подобного не видел, хотя может быть.

  18. Александр

    Попробую себе поставить данный плагин. :arrow:

    1. Лифанов Валентин (автор)

      Пробуйте, если что спрашивайте.

      1. Александр

        Установил данный плагин, но он помог мне сделать сайт более оптимизирован только на 2 процента. Кстати а какая версия в статье описана. У меня совсем другие настройки, есть только четыре пункта:
        1Оптимизировать код HTML?
        2Сохранять комментарии HTML?
        3Оптимизировать код JavaScript?
        4Оптимизировать код CSS?
        Я поставил везде галочки, кроме комментариев. Пробовал и с комментариями, картина не меняется. :sad:

        1. Лифанов Валентин (автор)

          А там есть скрытая кнопочка «hide advanced settings», в статье же написано, и все пункты как на ладони будут.

          1. Александр

            А нашёл. Я думал эта кнопка не активная. Тут даже больше пунктов. Но всё равно эффекта никакого. Может это зависит от темы, которая установлена на сайте?

          2. Лифанов Валентин (автор)

            Все может быть. Тут надо лезть во внутрь. Кстате если стоит плагин кеширования, то его надо очистить, а то эффекта не получите, потому что страниуцы будут идти из кеша плагина, вот как. Когда очистите плагин кеширвания ждите как минимум 20 минут когда создадуться новые копии страниц.

      2. Артем

        Установил плагин но результаты те же, что не так?

        1. Лифанов Валентин (автор)

          Надо смотреть.

  19. Александр

    Валентин, привет! Посмотрел на сегодня в PageSpeed Insights ваш блог вот такая картинка:
    96 / 100 Рекомендации
    Исправьте по возможности:
    Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение
    тоже самое и в мобильной версии..

    Вопрос? Так получается у вас плагин вкл. или нет? Как то не понятно? Хотя результаты очень даже приличные по скорости загрузки!

    1. Лифанов Валентин (автор)

      Привет, с этими штуками ничего сделать не смогу, потому что там грузятся файлы с метрики и аналитикса, до их установки было все по 100%. Это не смертельно :)

  20. Александр

    А вот теперь понятно стало, окей! Да к сожалению метрика и аналитика нужен!

    1. Лифанов Валентин (автор)

      Их по-любому никак не закешируешь, конечно можно, но тогда статистика будет собираться только 2 раза в день :)

  21. Виктор

    Что то не помогло

    1. Лифанов Валентин (автор)

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

  22. Виктор

    Используйте кеш браузера
    Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы
    Количество блокирующих скриптов на странице: 1. Количество блокирующих ресурсов CSS на странице: 1. Они замедляют отображение контента.
    Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.
    Удалите код JavaScript, препятствующий отображению:

    news1biz.ru/…mize_15bdcbd3f23f3336719eaebfc385bdd9.js

    Оптимизируйте работу CSS на следующих ресурсах:

    stg.odnoklassniki.ru/share/odkl_share.css Как решить?

    1. Лифанов Валентин (автор)

      Могу вам предложить свою помощь, если дадите мне свои данные для входа в админку и по фтп. Я попробую поковыряться и посмотреть.

  23. Александр

    Здравствуйте. Установил плагин, сделал все как написали- ничего не поменялось. Оставил галки на первых пунктах- тоже все по-прежнему. В чем может быть причина?

    1. Лифанов Валентин (автор)

      Приветствую, а теперь сделайте как в статье на других пунктах.

  24. Василий

    Не помогло. Все как было.

    1. Лифанов Валентин (автор)

      Ждите как минимум 2 часа.

  25. Сергей

    установил плагин. попробовал разные настройки ставить, но ничего не помогло (((

    1. Лифанов Валентин (автор)

      Надо подождать пока программа сделает свой кэш.

  26. Илья

    Здравствуйте Валентин, установил плагин, правда версия уже более новая, о результатах отпишусь ;-)

    1. Лифанов Валентин (автор)

      Приветствую, буду ждать.

      1. Илья

        Может за одно и посоветуете что то, по оптимизации

        1. Лифанов Валентин (автор)

          Присылайте вход для админки, я посмотрю что можно сделать.

  27. Илья

    Большую часть жаво скриптов убрало, но некоторые отсались, так и должно?
    https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Famwomen.ru%2F
    Может сможете посмотреть мои настройки? может что не так сделал?

    1. Лифанов Валентин (автор)

      Здравствуйте, конечно посмотрю. В контактах есть адрес почты пришлите мне адрес сайта и данные для входа.

      1. Илья

        Отправил, спасибо! ;-)

        1. Лифанов Валентин (автор)

          Пока не за что :) Вечером посмотрю.

          1. Илья

            Спасибо помог на УРА! ;-) :o

  28. Артем

    Валентин! Можете взглянуть на сайт доступ к админу дам уже голову сломал с этими плагинами, не могу в толк взять что к чему перестали работать кнопки «условия доставки», «задать вопрос» и «условия оплаты»?

    1. Лифанов Валентин (автор)

      Присылайте на почту, посмотрю, что к чему. Почта есть в контактах.

  29. Валентин

    Спасибо огромное! Правда проблему решило не полностью, остались несколько css и js файлов, но в целом замечательно.

    1. Лифанов Валентин (автор)

      Пожалуйста, наверное остались те которые с других сайтов грузятся.

  30. Руслан

    Спасибо за инструкцию. Вроде работает, НО как было 90%, так и осталось, хотя во вкладке «Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы» осталось всего 3 пункта (два из них — аналитика гугл, а третий — css самого плагина).

    Но совершенно случайно обнаружил интересную вещь:
    У меня был установлен скрипт кеширования. Так вот, при деактивации этого скрипта забыл стереть строчку my_cache_end(); , которая располагалась в конце файла index.php. В итоге гугл показал 96%, но одновременно выдал ошибку 500. Стираю эту строчку — ошибка пропадает, но на выходе имеем всё те же 90%.

    Валентин, у Вас есть мысли, как мне получить заветные 96% без ошибки?

    1. Лифанов Валентин (автор)

      Какой плагин-скрипт кеширования используете?

    2. Лифанов Валентин (автор)

      Установите плагин гиперкеш и все будет нормально статья в этой же рубрике есть. :)

      1. Руслан

        Гипер Кэш конечно же установлен.
        С этим скриптом просто эксперементировал centavrus-opti.ru

        1. Лифанов Валентин (автор)

          Есть плагины, и гипер кеш самый самый и бесплатный, я сам убедился посмотрите на мои показатели, если бы не метрика и аналитикс было бы 100 100 100

          1. Руслан

            Я же говорю, Гипер Кэш у меня установлен)
            Но всё равно 90%.
            Кстати, при активации Autoptimize перестаёт работать Lightbox. Как с этим быть?
            А чтобы PageSpeed не ругался на метрику, я уже давно перенёс её в футер — всё в порядке.
            Т.е. по идее у меня должно быть даже больше 96%.

          2. Лифанов Валентин (автор)

            Надо поставить лайтбокс в исключения плагина. А вообще забейте, если выше 85 то вы супер крут в ускорении выше прыгать не надо, только можно навредить.

  31. Камаз

    Менюшка поменялась в новом обновлённом плагине Autoptimize, немного упростилось все то, что было ранее. Но плагин поддерживается разработчиками, респект :cool: :cool:

  32. Ярослав

    Автору — респект за дельное, подробное объяснение :cool:. Плагину — зачёт, отлично справляется с задачами. Без конфликта правда не обошлось, плагин переусердствовал с удалением JavaScript и CSS.

    1. Лифанов Валентин (автор)

      Рад был помочь.

  33. Наталья Краснова

    А у меня никаких изменений после установки плагина не произошло. :|

    1. Лифанов Валентин (автор)

      Надо смотреть :)

  34. Юрий

    Добрый вечер! За статью СПАСИБО !!!! Подскажите, установил, но он все равно пишет пару скриптов убрать. Не могу понять он ( плагие ) по идее должен все скрипты убрать. А как эти два, и что с ними делать?

    1. Лифанов Валентин (автор)

      Значит плагин не может сделать, не обращайте внимание, главное что основную массу переделали.

  35. Сергейб

    Пользовался данным плагином, а потом попросту забил! Многие антивирусы воспринимают его как вредоносный код. Стоит задуматься.

  36. Илья

    Приветству) Устанавливал плагин, настраивал, скорость загрузки не поменялась, но стили все поплыли и пришлось плагин удалить. После удаления все восстановилось.

    1. Лифанов Валентин (автор)

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

  37. Вячеслав

    Зачем же врать? Почему все врут здесь у вас? вы видели результаты анализа вашего сайта? Какие ещё 100% :twisted:

    1. Лифанов Валентин (автор)

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

  38. Алексей

    Пробовал, устанавливал этот плагин и с ним даже хуже, чем без него. Без него у меня 89-90, а с ним — 80, а мобильная версия и вовсе 64 была. Пытался найти информацию как без плагина оптимизацию провести, но ничего конкретного найти не удалось. :arrow:

    1. Лифанов Валентин (автор)

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

      1. Алексей

        Я где-то часа три назад проверял с плагинами по оптимизации, показывало по Гугл Спид 82-84, про мобильную версию я вообще молчу. Недавно удалил: настольная — 88, 89; мобильная 72-74.
        А когда, благодаря одному коду, который я вставил в function.php (на блоге одного айтишника узнал, у которого тоже тема Twenty Seventeen стоит) я удалил всё сверху в подвал, то и вовсе 91 показывало, но тогда кнопки социальных сетей испарялись из виду.
        Также ставил изначально оптимизированные темы вроде бесплатной Basic и ворованной Root (чисто для проверки использовал),так они без всяких плагинов и танцев с бубнами показывали за 90. Но я к Fifteen прикипел чего-то… Ладно буду дальше колдовать, может чего ещё натворю. Всех благ!

        1. Лифанов Валентин (автор)

          Ну не знаю, те проблему что у вас на сайте, плагин исправляет отлично, посмотрите на мой блог. Насчет преноса из шапки в подвал, это не особо разумно, любой браузер читает код с начала, и скрипты грузит сверху вниз, вот почему советуют все библиотеки (типа jquery) ставить выше к хедеру, иначе ничего работать не будет. Я тему свою верстал сам, и знаю в ней каждый кусочек, вам я могу посоветовать и в правду купить тему, классные у ребят из wpmagazine, они только начинают но шаблоны отпадные. И вам совет по любому вы 100 не добьетесь, я добивался для эксперимента, но пришлось удалить нафиг все скрипты и сделать почти чистое html, а в последствии у вас будет реклама на блоге, а коды у тех же эдвордса и директа не идеальные, и ничего вы с ними не поделаете, потому что грузятся не от вас. У меня такая же проблема, стоит реклама от кворка, все хорошо, но картинки с их сервера не сжимаются, поверьте это не так важно, думайте о продвижении.

          1. Алексей

            Как один вебмастер говаривал: надо нормальный шаред хостинг, либо вообще vps брать и не париться и проблем с загрузкой не будет. А по поводу оптимизации вы правы, можно до того дооптимизироваться, что вместо лучше станет ещё хуже.
            Темы посмотрю, спасибо.

          2. Лифанов Валентин (автор)

            Пожалуйста, ну vps когда уже тысяч десять в день будет на сайт ломится, тогда да, а так простого виртуального вполне хватит, я пока на бегете сижу и проблем не знаю. Главное в ускорении, кеш всего сайта сделать и картинки (и если есть видео) нормально сжимать.

  39. Денис

    Всем здравия. ПОКАЗАТЕЛИ В GOOGLE SPEED МОЕГО САЙТА 100/100 sibvaleogroup Давно занялся тестированием. Какие только методы и приемы не применял, долгие пробы и ошибки и приятный результат в виде бонуса ;). Всем респект!

    1. Лифанов Валентин (автор)

      Поздравляю, а теперь поставьте любой счетчик и рекламу типа РСЯ, и увидите что проценты убудут. А так хороший пример.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

17 queries in 0,344 seconds.