Использование дочерних тем в WordPress — прекрасный способ модифицировать существующую тему, однако директива CSS @import медленнее, чем должно быть, поэтому стоит избегать её. И вот почему.

200мс уходит на загрузку файла стилей дочерней темы и 200мс на загрузку CSS родительской темы, у современных браузеров для загрузки обоих файлов должно уходить примерно 200мс, ввиду наличия параллельной загрузки.

К сожалению, это не относится к CSS @import. Выдержка от Google:

Браузер должен загрузить, разобрать и выполнить first.css до того, как обнаружится, что нужно загрузить ещё и second.css

Это означает, что вместо 200мс, с использованием @import это займет около 400мс для загрузки обоих файлов. Вот типичный CSS дочерней темы

Можно отказаться от использования CSS @import и воспользоваться возможностями файла functions.php и функции wp_enqueue_style():

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

Если файл стилей не подгрузился автоматически, делаем такой вариант:

Для тех, кто не хочет заморачиваться с прописыванием нужных кусков кода, может воспользоваться плагинами, которые быстро помогут создать дочернюю тему, например плагин One-Click Child Theme судя из названия создает дочернюю тему в 1 клик мыши. После создания дочерней темы плагин можно удалить.

Переведено с английского отсюда.

Мнение от mor10