2017-02-03 2 views
2

На самом деле я хочу уменьшить предупреждение о скорости страницы Google. Таким образом, я объединил все внешние файлы css в один файл css и все внешние скрипты java-скрипта в один файл java-файла скрипта. Так что прямо сейчас у меня есть два внешних файла (два запроса), один - css, а второй - javascript. Можем ли мы объединить оба файла в один файл или два запроса считать одним запросом. Есть ли какой-либо продукт как файл в качестве одного запроса, пожалуйста, дайте мне знать.Можем ли мы объединить CSS и JS-файл в один файл?

<link rel="stylesheet" href="../css/eagle/main.min.css" type="text/css"> 
<script defer src="../js/eagle/init.min.js"></script> 

Я видел одну ссылку https://www.keycdn.com/support/combine-external-javascript-and-css/, но я не ясно. Любое предложение очень полезно для меня.

+0

Я думаю, что это: уменьшенная и унифицированы все CSS, и уменьшенная и унифицированный все JS. –

+0

minified все css и js. –

+0

Вы можете написать свой код непосредственно в файле HTML. Никаких дополнительных запросов. – Justinas

ответ

1

Вы можете:

var style = document.createElement('style'); 
style.innerHTML = cssString; 
document.body.appendChild(style); 

Но я не думаю, что два запроса является проблемой. Смешные сбережения.

+0

Спасибо за ответ. Если вы загружаете внешний css, то он не будет работать во всех браузерах, в основном мобильных браузерах. Я сделал это. Но мой внешний css не работает во всех браузерах. Как Android Webview и многие другие. –

1

Вы можете создать один html-файл (предположим: comb.html) и поместить в него все html и css с помощью страницы сценария и стиля. Загрузите файл mixed.html в свое приложение. Это зависит от того, какую технологию вы используете для загрузки html в другой html. В jQuery ниже код поможет вам.

<html> 
    <head> 
    <script src="jquery.js"></script> 
    <script> 
     $(function(){ 
     $("#includedContent").load("combined.html"); 
     }); 
    </script> 
    </head> 

    <body> 
    <div id="includedContent"></div> 
    </body> 
</html> 
-2

Нет, вы не можете комбинировать js и css в один файл. Возможно, это может помочь увеличить скорость сайта.

+1

почему он пишет! не может объединить файлы css и js в один (execpt в html, но это дерьмово) – AlainIb

+0

Я не спустил вниз. –

Смежные вопросы