Предварительная загрузка CSS перед HTML

Question

Предварительная загрузка CSS перед HTML

0

Я применяю таблицу стилей CSS для некоторых страниц вики в SharePoint. Моя проблема заключается в том, что иногда содержимое страницы отображается без какого-либо формата и примерно через секунду загружается и применяется css.

Я бы хотел избежать этой проблемы, предварительно загрузив css, прежде чем отображать содержимое HTML. Временное изображение "Загрузка контента..." также сделает это. Есть ли способ сделать это?

Я использую редактор содержимого, связывающий файл txt с кодом css для этой цели (я не могу добавить код на всех страницах, чтобы упростить его поддержку).

Заранее спасибо.

garfield185 21 окт. 2013, в 10:28

Источник

0

хммм у вас есть ссылка CSS в верхней части HTML? если это так, то это действительно странный результат, вы всегда можете сказать body{display:none;} и с помощью jQuery сделать блок отображения тела, если при загрузке DOM ..
jycr753 21 окт. 2013, в 08:04
0

Или вы можете включить весь CSS-код в заголовочный раздел, чтобы он загружался синхронно перед телом, НО это замедлит загрузку страницы, потому что CSS не будет кэшироваться и не будет загружаться в parellel.
mas.morozov 21 окт. 2013, в 08:09
0

jycr753 Я не могу добавить ссылку в верхней части HTML, ограничения безопасности удалить все ссылки. Вот почему я использую редактор содержимого, связанный с файлом. Однако, кажется, что редактор контента загружает контент после рендеринга HTML. Это вообще не просматривается, но иногда эта загрузка CSS занимает немного больше времени, и вы можете увидеть неформатированный текст. mas.morozov, у меня нет главного раздела, я редактирую содержимое вики-страниц. Спасибо вам обоим за ваши комментарии
garfield185 21 окт. 2013, в 08:15

Показать ещё 1 комментарий

Теги:

html

css

sharepoint

2 ответа

1

Я прошел через это с клиентом на медленном веб-хостинге и фактически обнаружил, что им лучше сжимать/конкатенировать css и следить за тем, чтобы изображения соответствовали размерам. Что-то вроде CSSTidy работает хорошо.

Jason King 21 окт. 2013, в 05:44

0

Спасибо Джейсон, это отличная программа, и я уверен, что она очень поможет. Тем не менее, в этой ситуации я импортирую файл в стиле 2kb, так что я действительно не думаю, что это будет иметь какое-либо значение. Это не вопрос времени загрузки. Еще раз спасибо
garfield185 21 окт. 2013, в 08:49

Ещё вопросы

хммм у вас есть ссылка CSS в верхней части HTML? если это так, то это действительно странный результат, вы всегда можете сказать body{display:none;} и с помощью jQuery сделать блок отображения тела, если при загрузке DOM ..
Или вы можете включить весь CSS-код в заголовочный раздел, чтобы он загружался синхронно перед телом, НО это замедлит загрузку страницы, потому что CSS не будет кэшироваться и не будет загружаться в parellel.
jycr753 Я не могу добавить ссылку в верхней части HTML, ограничения безопасности удалить все ссылки. Вот почему я использую редактор содержимого, связанный с файлом. Однако, кажется, что редактор контента загружает контент после рендеринга HTML. Это вообще не просматривается, но иногда эта загрузка CSS занимает немного больше времени, и вы можете увидеть неформатированный текст. mas.morozov, у меня нет главного раздела, я редактирую содержимое вики-страниц. Спасибо вам обоим за ваши комментарии
Спасибо Джейсон, это отличная программа, и я уверен, что она очень поможет. Тем не менее, в этой ситуации я импортирую файл в стиле 2kb, так что я действительно не думаю, что это будет иметь какое-либо значение. Это не вопрос времени загрузки. Еще раз спасибо

Anon · Accepted Answer · 2013-10-21T05-39-00.000Z

1

Лучший ответ

Вы можете использовать loader-div со встроенным стилем. Exemple:

<div style="position:absolute; top:0; left:0; width:100%; height:100%; background:#fff">

Этот блок скроет контент. Затем вы должны скрыть этот div с функцией JS при событии загрузки страницы.

Anon 21 окт. 2013, в 05:39

0

положение: абсолютное *
Choinek 21 окт. 2013, в 08:41
0

Да, спасибо. Поменял :)
Anon 21 окт. 2013, в 08:49
0

Я понимаю идею и думаю, что она просто идеальна. Тем не менее, мне не удается скрыть div, даже если выполняется другой код в моем JavaScript. Я применил идентификатор loaddiv к div. Я добавляю: var hideloaddiv = document.getElementById("loaddiv"); hideloaddiv.display = 'none';
garfield185 21 окт. 2013, в 09:04
0

Почему ты не можешь? У вас нет доступа к js-файлу? Или вы не можете написать эту функцию? Я могу дать вам код JS для этой идеи. Используете ли вы jQuery на своем сайте?
Anon 21 окт. 2013, в 09:08
0

Я думаю, что я использую правильный код js, но по какой-то причине div не исчезает. Он остается там после загрузки страницы. Можете ли вы предоставить свой код, пожалуйста?
garfield185 21 окт. 2013, в 09:10
0

Это нормально, я исправил это. Это будет работать так: var hideloaddiv = document.getElementById("loaddiv"); hideloaddiv.style.display = "none";
garfield185 21 окт. 2013, в 09:13
0

Так что это решило бы проблему, так как мы могли бы использовать div, чтобы показать текст или изображение «Загрузка». Спасибо вам всем.
garfield185 21 окт. 2013, в 09:41

Показать ещё 5 комментариев