Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Редактирование кода - кто что использует?? / 19 сообщений из 19, страница 1 из 1
25.08.2016, 20:17
    #39298206
Dr.Hofmann
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Всем привет!
Начал изучать веб программирование и столкнулся с очень актуальными вопросами - пожалуйста поделитесь советом кто что использует из существующих программ/инструментов:

1. Есть сайт который состоит из 200 папок на сервере - в каждой есть index.html + каталог css и js.
Мне нужно добавить новую ссылку в меню или заменить какой-то блог - как это сделать для всего сайта сразу?

2. Как сжать - минифицировать каждый css файл и добавить их в нужный index.html для 200 папок?

3. аналогично 2 пункту как схать index.html который содержит сжатый css для всего сайта?

4. Есть index.html есть style.css - как сопоставить классы которые не испольлзуются в html и удалить их в css?

По возможности - ответье пожалуйста более развернуто.

Спасибо!
...
Рейтинг: 0 / 0
27.08.2016, 08:15
    #39298923
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Dr.Hofmann,

А использовать какую нибудь CMS или какой ниудь фрейм форк было не судьба!?

Я бы копнул в сторуну програм пакетного поиска и редактирования
...
Рейтинг: 0 / 0
27.08.2016, 09:35
    #39298934
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Dr.Hofmann,

Задача конкретная или абстрактная?
...
Рейтинг: 0 / 0
27.08.2016, 12:56
    #39298968
Dr.Hofmann
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
авторЗадача конкретная или абстрактная?
конкретная и актуальная
...
Рейтинг: 0 / 0
29.08.2016, 03:20
    #39299288
бухалтер фантоцци
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Dr.Hofmann,

200 папок нормально, html нормально (контролируемая статика может использоваться для многих целей, от документации до высоких нагрузок),
а вот отдельный каталог css и js для каждого html-файла ненормально, если все страницы сделаны однотипно.

Любой html содержит ссылки на кучу внешних ресурсов (css и js - вставки, изображения, фреймы, шрифты...).
Браузеры кешируют ресурсы по ссылкам из html-файла, чтобы не перечитывать их каждый раз, поэтому подключать их нужно с одного места (адреса).
Чем меньше ссылок на внешние ресурсы, тем лучше (меньше запросов).

Для конкретных ответов и предложений нужно знать конкретное окружение, которое Вы используете. Что у Вас работает на сервере?

----------------
Несколько ссылок:

Сжатие JS-файла - https://closure-compiler.appspot.com/home

Перекодировщик в UTF8 после компресса - http://native2ascii-online.appspot.com/

Сжатие изображений - http://compressjpeg.com/ru/

Преобразование изображений в base64 - http://anosov.me/services-base64image/ или https://www.base64-image.de/

Подбор внешних шрифтов: https://www.google.com/fonts/

Проверка любой веб-страницы с рекомендациями https://developers.google.com/speed/pagespeed/insights/

Поддержка стандартов разными браузерами http://caniuse.com/
...
Рейтинг: 0 / 0
29.08.2016, 13:38
    #39299549
Фёдор К
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
бухалтер фантоцци...
а вот отдельный каталог css и js для каждого html-файла ненормально, если все страницы сделаны однотипно.
Относительно стилей - согласен, но если каждая страница имеет свой уникальный клиентский код? Сливать всю логику в один большой обработчик? Сомнительное решение.

бухалтер фантоцци...
Любой html содержит ссылки на кучу внешних ресурсов (css и js - вставки, изображения, фреймы, шрифты...).
Браузеры кешируют ресурсы по ссылкам из html-файла, чтобы не перечитывать их каждый раз, поэтому подключать их нужно с одного места (адреса) .
Типа, тот же jQuery с CDNа будет всегда идти 200, а локально - 304? Не проверял - но не верю.

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

бухалтер фантоцци...
Чем меньше ссылок на внешние ресурсы, тем лучше (меньше запросов).

Это я вообще не понял ...
...
Рейтинг: 0 / 0
29.08.2016, 13:57
    #39299571
бухалтер фантоцци
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Фёдор Кбухалтер фантоцци...
Чем меньше ссылок на внешние ресурсы, тем лучше (меньше запросов).

Это я вообще не понял ...
С этого и надо было начинать.
Хотя что тут понимать, сами-же и ответили
Фёдор КИ второе - при современных скоростях передачи данных, основные тормоза уже идут на обработку самого запроса, а не передачу контента - т.е. даже на ответ 304 всё равно затрачивается время.
И если сайт тормозной, то хоть все ответы будут 304 - можно будет сходить кофе попить.
Думаю, не стоит торопиться с выводами и предложениями, пока ТС не описал свою ситуацию и окружение более конкретно.
...
Рейтинг: 0 / 0
29.08.2016, 14:14
    #39299588
Dr.Hofmann
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
авторДумаю, не стоит торопиться с выводами и предложениями, пока ТС не описал свою ситуацию и окружение более конкретно.

А что конкретно - обычный сайт без cms, сделаный на бутстрапе, js и css из одного источника.
Нужно автоматизировать:

Прочитать html увидеть ссылки на css - проанализировать какие классы не используются и удалить их из css.

Дальше:
- Сжать css и добавить его внутрь html

- Сжать html

- и сделать нужно для каждого каталога на сервере.

как-то так
...
Рейтинг: 0 / 0
29.08.2016, 14:15
    #39299593
Фёдор К
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
бухалтер фантоцциФёдор Кбухалтер фантоцциЧем меньше ссылок на внешние ресурсы, тем лучше (меньше запросов).


Это я вообще не понял ...
С этого и надо было начинать.
Хотя что тут понимать, сами-же и ответили...
С чего начинать?

Если я заменю ссылку на тот-же jQuery с гугловского или родного CDNа на свою локальную копию этой библиотеки, то у меня будет меньше запросов?

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

Мне больше дискутировать не хочется.
...
Рейтинг: 0 / 0
29.08.2016, 14:22
    #39299595
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Dr.Hofmann- Сжать css и добавить его внутрь html
зачем?
...
Рейтинг: 0 / 0
29.08.2016, 14:24
    #39299602
Фёдор К
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Dr.Hofmann
А что конкретно - обычный сайт без cms, сделаный на бутстрапе, js и css из одного источника.
Нужно автоматизировать:

Прочитать html увидеть ссылки на css - проанализировать какие классы не используются и удалить их из css.

Дальше:
- Сжать css и добавить его внутрь html

- Сжать html

- и сделать нужно для каждого каталога на сервере.

как-то так
Вот это представляется плохой идеей: страница всегда грузится полным контентом - 200. Таким образом, CSS будет грузиться каждый раз заново.

Лучше сделать ссылку на один большой пожатый CSS-файл.

А что подразумевается под сжатием HTML - удаление пробелов и переносов?
...
Рейтинг: 0 / 0
29.08.2016, 14:30
    #39299605
Фёдор К
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Добавлю, почему "зашивать" стили в разметку не очень хорошо - сопровождение. В случае изменения единых стилей для многих страниц (а так должно быть) придется ковырять каждую страницу.
...
Рейтинг: 0 / 0
29.08.2016, 14:32
    #39299608
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Dr.Hofmann,
вы протестируйте сначала, если это конкретная задача.
Т.к. можно много найти себе ненужно и лишней работы.
Работает - не трогай (с)
...
Рейтинг: 0 / 0
29.08.2016, 14:34
    #39299611
бухалтер фантоцци
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Dr.Hofmann,

То-есть сайт делали не Вы? Вам только нужно пройтись по всем файлам и сжать их (сжать - это удалить лишние пробельные символы что-ли)?.

У Вас слишком частная задача, проще и быстрее самому сделать.
Мало информации. Если на сервере работает PHP, напишите простой скрипт, который будет сжимать файлы,
для этого не нужно изучать PHP, достаточно элементарных знаний (окрыть файл, записать файл, рег.выражения и строковые функции, массивы).

Если чистая статика - скопируйте сайт для локальной обработки, используйте что Вам удобно, потом перезапишите на сервер.

Самый простой способ - вынести совпадающие куски CSS в отдельный внешний файл, а различия уже добавлять внутрь index.html
С JS-файлами тоже так можно, но лучше сжать специальным сервисом, который максимально сожмёт файл (попутно сделая его плохочитаемым).

Petro123Dr.Hofmann- Сжать css и добавить его внутрь html
зачем?
PageSpeed Insights например ругается, он вообще много на что ругается,
некоторые хостинги например, не отдают по-умолчанию заголовки Cache-Control для различных файлов типа изображений и т.д., что может снизить оценку.
...
Рейтинг: 0 / 0
29.08.2016, 14:50
    #39299625
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
бухалтер фантоцци,
тут есть опасность "экономии на спичках".
Я бы ничего не сжимал, пока не убедился что это тормозит и "большое".
Обфускация тоже сжимает и назначение другое. Т.е. сжатие там побочный эффект.
...
Более интересно проанализировать в каком IDE сам код и архитектуру. Например, неиспользуемые классы и стили?
Это уже уровень анализ повыше и анализ делает именно сайта.
Я знаю такие инструменыт для ЯП высокого уровня (Delphi\Java)/
Тут не знаю.
...
Рейтинг: 0 / 0
29.08.2016, 14:53
    #39299629
Petro123
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Название темы странное.
- одно дело - редакторы кода
- другое дело - анализ сайта
- третье дело - пакетная обработка этих самых тысячи файлов.
Тут была тема про фреймворки...
Этат тема широкая про IDE сайтов или так....поболтать аффтару?
...
Рейтинг: 0 / 0
29.08.2016, 16:07
    #39299705
Dr.Hofmann
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Все мне все ясно! Спасибо за ответы.
...
Рейтинг: 0 / 0
29.08.2016, 21:09
    #39299859
Sam Winchester
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Вебсторм
...
Рейтинг: 0 / 0
29.08.2016, 22:47
    #39299908
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Редактирование кода - кто что использует??
Sam WinchesterВебсторм+1
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Редактирование кода - кто что использует?? / 19 сообщений из 19, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]