В конце концов я нашел решение, которое хочу поделиться, если кому-то это понадобится.
Во-первых, я загрузил настроенную сборку bootstrap css в качестве предлагаемого выше AmacB. Я скопировал css в excel, причем каждое правило имело 1 строку. В следующей колонке я поставил х у каждого правила и в 3-й колонке, я написал формулу, чтобы показать правило, если там был х и не показывать правило, если не было х. Затем я скопировал 3-й столбец и загрузил его на свой сайт в виде файла css.
Это сработало, конечно, но Css было 32kbytes. Слишком много для inline.
Итак, я начал изучать каждое правило, чтобы решить, нужно ли мне это для содержимого складки. Где я чувствовал, что правило не требуется, я удалил x, сохранил третий столбец, загрузил и проверил, как он работает. Этот процесс занял несколько часов, но, в конце концов, я получил css только для тех правил, которые мне нужны для выше. В полученном файле было около 80 правил.
Затем в моем файле PHP, в заголовке страницы я добавил:
$TheCSS=file_get_contents('/css/bootstrap-reduced.css');
echo '<style>'.$TheCSS.'</style>';
Мой счет на PageSpeed Insights теперь 99/100.
Решение добавляет 4kb на каждую страницу, которая является продуктивной. Итак ... После загрузки страницы в jquery я делаю ссылку на загрузочный диск cdn и на загрузку следующей страницы, я использую эту ссылку вместо вставки встроенного css.
писал VBA код для упрощения процесса:
Sub SaveAsTextFile()
TheFileName = "bootstrap-atf.css"
ThePath = "C:\Users\MyFolder\"
Sheets("Sheet1").Columns("C").Select
Selection.Copy
Sheets.Add.Name = "Temp"
Sheets("Temp").Select
Selection.PasteSpecial Paste:=xlPasteValues, Operation:=xlNone, SkipBlanks:=False, Transpose:=False
Sheets("Temp").Columns("A").Select
LastRow = ActiveSheet.UsedRange.SpecialCells(xlCellTypeLastCell).Row
Set Rng = Selection
Open ThePath & TheFileName For Output As #1
For i = 1 To LastRow
cellValue = Rng.Cells(i, 1).Value
If cellValue <> "" Then Print #1, cellValue
Next i
Close #1
ActiveWindow.SelectedSheets.Delete
End Sub
Поставьте галочку рядом с кучей правил в листе Excel, нажмите кнопку «Сохранить CSS» (вы можете добавить кнопку в Excel лист), и правила сохраняются как файл css, называемый bootstrap-atf.css (atf = выше складки)
Очень упрощает процесс проб и ошибок.
Возможно, вам понадобится пользовательская загрузка: http://getbootstrap.com/customize/. Вы можете выбрать, какие функции вам нужны, и отключить другие. – AMACB
Использование полного файла css над установленным cdn является гораздо лучшим решением, поскольку очень вероятно, что пользователь уже имеет этот файл на своем компьютере (кеше). Индивидуальная версия бутстрапа означает, что пользователь должен будет загрузить его (не обязательно). Кроме того, даже настройка бутстрапа дает файл, который слишком велик, чтобы включать его как встроенный css и, следовательно, не решает проблему (блокирование вывода) – Cymro