powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Редактирование кода - кто что использует??
19 сообщений из 19, страница 1 из 1
Редактирование кода - кто что использует??
    #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
Редактирование кода - кто что использует??
    #39298923
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Dr.Hofmann,

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

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

Задача конкретная или абстрактная?
...
Рейтинг: 0 / 0
Редактирование кода - кто что использует??
    #39298968
Фотография Dr.Hofmann
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
авторЗадача конкретная или абстрактная?
конкретная и актуальная
...
Рейтинг: 0 / 0
Редактирование кода - кто что использует??
    #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
Редактирование кода - кто что использует??
    #39299549
Фёдор К
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
бухалтер фантоцци...
а вот отдельный каталог css и js для каждого html-файла ненормально, если все страницы сделаны однотипно.
Относительно стилей - согласен, но если каждая страница имеет свой уникальный клиентский код? Сливать всю логику в один большой обработчик? Сомнительное решение.

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

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

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

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

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

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

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

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

- Сжать html

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

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


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

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

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

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

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

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

- Сжать html

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

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

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

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

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

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

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

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

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


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