Создает ли дизайн в PS плохой код?

Question

Я начинающий программист, и я действительно хочу иметь хорошие привычки и практики.Мне еще предстоит нарезать PSD и кодировать его.Это плохая практика?Я слышал, что он создает плохой код, который нужно было исправить, так зачем это делать?Я хочу создать чистый код, даже если это займет больше времени.Просто интересно, если это так плохо, как я слышал.Есть ли преимущества в этом?Нужно ли изучать этот навык для создания хороших сайтов?Спасибо.

Answer 1

Ваше фоновое изображение не должно быть очень сложным, и если вы попытаетесь сделать его максимально оптимизированным, чтобы время загрузки было эффективным для медленных загрузок.Что касается нарезки, я бы не стал использовать это все так часто, так как это вызывает много запросов браузера, опять же, убедитесь, что все оптимизированы, поэтому время загрузки очень незначительно.Нужно использовать спрайты (я знаю, это был не вопрос), они очень полезны для изображений, которые на самом деле не имеют значения для SEO сайта (кнопки, стрелки, маркеры и т. Д. Больше не важна скорость загрузки).Вы хотите сохранить изображения в кэше, оптимизировать их и использовать как можно меньшую полосу пропускания. Если загрузка вашей страницы занимает слишком много времени, то ваши пользователи уйдут, что заставит ваше изображение создать больше, чем лучшие практики.

Answer 2

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

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