Эпизод 189 подкаста SitePoint теперь доступен! На этой неделе у нас есть полная группа: Луи Симоно ( @rssaddict ), Стефан Сегрейвс ( @ssegraves ), Патрик О’Киф ( @ifroggy ) и Кевин Дис ( @kevindees ).
Скачать этот эпизод
Вы можете скачать этот эпизод в виде отдельного файла MP3. Вот ссылка:
-
Подкаст SitePoint № 189: веб-сайтырастолстели (MP3, 38:58, 37,4 МБ)
Резюме Эпизода
На панели обсуждаются такие темы, как увеличение веса страницы на 30%, стоит ли адаптивные изображения, спрос на различные платформы при продаже веб-сайтов и многое другое!
Вот основные темы, освещенные в этом эпизоде:
- Средний вес страницы увеличился на 30% в 2012 году — SitePoint ссылается на « Оптимизация больших файлов шрифтов для @ font-face | Кевин Диз и Yahoo! Smush.it ™
- Что питает интернет? Платформы по требованию Flippa
- Как мы должны обращаться с адаптивными изображениями? | Boagworld — веб и цифровые консультации
Просмотрите полный список ссылок, на которые ссылается шоу, по адресу http://delicious.com/sitepointpodcast/189 .
Host Spotlights
- Патрик: Некоторые мысли и размышления о создании вещей для Интернета — Овсянка
- Луи: vimtips (vimtips) в Твиттере
- Стефан: узнайте, как создавать визуализации данных с помощью D3.js
- Кевин: ретро-кризис игры • Шесть игр за шесть месяцев
Стенограмма интервью
Луи: Привет. Добро пожаловать в другой эпизод подкаста SitePoint. На этой неделе мы снова собрались на полномасштабное шоу, чтобы обсудить события и события последних нескольких недель в мире Интернета. Привет, народ.
Кевин: Привет.
Стефан: Привет.
Луи: Как дела?
Патрик: Все идет отлично. В прошлые выходные мы с Кевином были просто вместе, в Роли, Северная Каролина, на IndieConf, которая является конференцией для независимых веб-профессионалов, фрилансеров, индивидуальных предпринимателей и так далее. Кевин отлично поработал, рассказав о прагматичной разработке WordPress. Я выступил на удовлетворительном уровне. Хорошо, Кевин?
Кевин: Патрик попросил одного человека сказать ему, что он говорит немного быстро, поэтому Патрик получил 99,9 из 100.
Луи: Хорошо, хорошо.
Кевин: Это было очень весело, отличное событие; много фрилансеров, разработчиков, программистов и людей всех мастей. Было очень круто, что у нас был слушатель из Портсмута, Нью-Гемпшир, ее звали Мег Прескотт. В твиттере она @meg_at_e_lys . Я понимаю, что это не самое простое имя в Твиттере.
Луи: Это потрясающая ручка Twitter.
Патрик: Я говорил там медленно. Она доцент кафедры компьютерных технологий в Общественном колледже Грейт-Бэй, в Портсмуте, штат Нью-Гемпшир, и снова преодолела 760 миль, так что это было действительно здорово. Она пришла только потому, что мы упомянули об этом на шоу, и упомянули, как мы будем там.
Луи: Святой. , , Это очень впечатляет.
Патрик: Это было потрясающе. Она была действительно мила. Она также присутствовала на обеих наших сессиях. Мы прекрасно провели время с ней в чате, на сетевом мероприятии. Действительно, это было действительно круто.
Луи: Это потрясающе. Это, вероятно, занимает место для слушателя года.
Кевин: Да, я бы согласился. Я собираюсь голосовать 10 звезд.
Луи: Я знаю, что это все еще ноябрь, но я думаю. , ,
Патрик: Тогда все остальные перестанут слушать, потому что они выбыли. Это отлично.
Луи: Они скажут: «Ах, нет». Здорово. Я тоже был на выходных. Я был в Rails Camp, в Тасмании. Это было очень весело.
Патрик: О да?
Луи: Если вы не знаете, что такое Rails Camp, найдите его в своем районе и зайдите в него, даже если вы не являетесь разработчиком Rails. Половина людей просто взломали проекты JavaScript. Это неконференция, одна из тех вещей, где на самом деле нет никакого графика или чего-то еще; каждый просто приносит свой ноутбук и проводит большую часть дней, занимаясь хакерством на различных проектах, и большую часть вечеров пьют, играют в игры или просто тусуются. Это 3 дня, нет интернета, и вы находитесь в лагере, просто комнаты в общежитии. Вы тратите около 60 часов на разработку и работу над проектами, а затем люди демонстрируют то, что они создали. Из этого вышло много классных вещей. Это было очень весело.
Патрик: Сколько тебе пришлось это сделать?
Луи: Вы не должны грубо это делать, это плохо.
Патрик: Они заставляли тебя программировать на компьютерах с Windows 95? Они бросают тебя в лес с ноутбуком начала 90-х, который по размеру равен твоей голове?
Кевин: Нет интернета, Луис. Давай, это грубо.
Луи: Нет. Конечно, если вы привыкли, и я определенно являюсь одним из тех разработчиков, когда бы я ни захотел что-то сделать, я просто открываю документацию API в веб-браузере и смотрю вверх: «Какой метод тасует? опять массив? У меня не было интернета, потому что у меня даже не было сотовой связи, поэтому я даже не мог подключиться к своему телефону. С одной стороны, вы в конечном итоге много возитесь с консолью и, возможно, обнаруживаете различные методы, о которых вы не знали, или играете с вещами, что является другим способом взаимодействия с языком, чем просто поиск вещей в Интернете. Другая вещь, которую вы в конечном итоге делаете, спрашивает людей о таких вещах, как: «Если бы вы хотели сделать это, что бы вы сделали? Вместо того, чтобы гуглить это. Спрашивать людей, сидящих рядом с вами, особенно людей с очень разным опытом, — это действительно крутой способ познакомиться с различными техниками.
Во всяком случае, это было очень весело. Если вы веб-разработчик и существует Rails Camp, или я думаю, что есть также JS Camps, и если у вас есть возможность посетить одно из этих мероприятий, я очень рекомендую его.
Стефан: В этом ли смысл «нет интернета», чтобы заставить вас взаимодействовать?
Луи: Да, я так думаю. Там нет отвлекающих факторов; вы не получаете никаких новостей или Twitter, все, что вы можете сделать, это взломать. Если вы столкнетесь с какими-либо ограничениями. , , Одна вещь состоит в том, что у нас было локальное зеркало Ruby Gems, которое является хостом Ruby Gem, поэтому, если вам нужно было использовать библиотеку, которая была на Ruby Gems, вы могли бы получить ее, так что есть, потому что, очевидно, что было бы ограничением, если бы вы не могли использовать какие-либо библиотеки в вашем коде.
С учетом всего сказанного, давайте просто добавим новости. Я думаю, что мы с Патриком рассказали одну и ту же историю этим утром или этим вечером для вас, ребята. Патрик, ты хотел представить?
Патрик: Я мог бы покончить с этим. Крейг Баклер из SitePoint, то есть SitePoint.com , это сайт, с которым вы, возможно, знакомы, я не знаю. Он рассказывает об HTTP-отчете об архивах, и этот отчет сопоставляет статистику технологий с 300 000 самых популярных сайтов в Интернете. Самым большим выводом для Крейга было то, что средний вес страницы, по его словам, «раздулся на 30% за 1 год и достиг 1250 кБ, да, 1,25 МБ. Он разбивает различные технологии и на сколько они выросли с конца 2011 года до конца 2012 года: HTML-код вырос на 24%, JavaScript вырос на 28%, CSS-код вырос на 28%, а другие выросли на 35%. Другие в основном носители, такие как изображения, но также и наборы шрифтов; использование нестандартного шрифта также увеличилось как 13% по сравнению с 7% год назад. Flash — единственная область, которая не увеличилась, она все еще занимает в среднем такое же количество из этих 300 000 веб-сайтов.
Сайты становятся все больше. Мне было любопытно узнать, что вы, ребята, думаете об этих наблюдениях. Как насчет мысли, что, хотя Крейг говорит, что «пропускная способность редко бывает достаточной и никогда не бывает бесплатной»? Принятие пропускной способности постоянно растет. Является ли это следствием того, что есть больше доступных, или ожидание того, что веб-сайты станут чем-то более легким со временем? Я не знаю, реалистично ли это. Что ты думаешь, Луи?
Луи: Да. Очевидно, это довольно огромный. 30% увеличение среднего веса страницы на 300 000 сайтов, что является довольно типичной выборкой. Среднее увеличение на 30% за один год — это безумие, это безумие. Я весил около 190 фунтов, и это все равно, что сказать, что я бы набрал почти 60 фунтов в год, так что это огромный рост.
Патрик: Нам нужна фотография этого фотошопа.
Луи: Да, именно так. Как бы я выглядел, если бы был на 60 фунтов тяжелее? Вот как это плохо. Говоря о пропускной способности, это действительно интересно с одной стороны, потому что, с одной стороны, широкополосный интернет увеличивается с каждым годом. Доступ к широкополосному интернету, количество подключенных домохозяйств, как правило, в большинстве мест, вы видите, увеличивается в пределах. Во многих местах нет крышек, и вы получаете более высокие скорости. Мы начинаем видеть Fibre to Curb в Австралии, Канаде и США. Да, с одной стороны, у нас намного больше пропускной способности, поэтому, возможно, это не имеет большого значения.
С другой стороны, все больше и больше людей получают доступ к сети на мобильных устройствах, через 3G, даже на 4G, 1½ Мегабайта для веб-сайта достаточно, чтобы замедлить вас, особенно если речь идет не только о скорости, но и о том, что много внешних ресурсов, то это означает, что вы можете хранить только столько HTTP-соединений одновременно. Обычно в мобильной сети большая задержка, даже если скорость довольно хорошая. Да, это чрезвычайно важно, я думаю. Мне кажется, что большая часть этого увеличения будет связана с распространением большого количества готовых библиотек.
Кевин: Да.
Луи: Я думаю, что веб-разработчики могут быть слишком счастливы, просто чтобы найти большую библиотеку JavaScript или CSS-фреймворк, чтобы получить готовое решение, чтобы иметь возможность разрабатывать его быстро и не уделять столько внимания сколько прыжка, который вызывает вес веб-сайта.
Кевин: Я абсолютно согласен с этим, Луи. Я думаю, что Twitter Bootstrap — это гибель интернета.
Луи: Вы обвиняете всю эту вещь в Twitter Bootstrap?
Кевин: У меня сейчас такое чувство против. Я и Twitter Bootstrap больше не ладим, мы поссорились, и теперь я обвиняю все проблемы с интернетом в Twitter Bootstrap. Серьезно, когда вы думаете о том, сколько сайтов используют это сейчас, я на самом деле очень удивлен, что Twitter Bootstrap на самом деле не был похож на настройку CDN, как вы видели для некоторых из этих других ресурсов, таких как, например, JQuery, только потому, что взрыв в популярности самого Bootstrap. По сути, Bootstrap — действительно хороший инструмент, но он массивный. Если вы используете все Twitter Bootstrap, на что вы смотрите, мне нужно посмотреть цифры для этого, но я думаю, что это точно в точности Meg, просто чтобы использовать все Twitter Bootstrap, если он не скомпилирован. Очевидно, что, например, если вы используете Rails, проект, на котором я использовал Bootstrap, вы запускаете его через компрессор и все остальное, поэтому вам не нужно слишком много запрашивать об этом. Эти фреймворки, к которым все, как вы сказали, сразу переходят, потому что так легко создать и запустить дизайн.
Луи: Да. Еще одна вещь, на которую стоит обратить внимание: не только фреймворки, но и такие вещи, как препроцессы, такие как SaaS или CoffeeScript. Вы пишете довольно лаконичный код, но иногда выходные данные могут оказаться действительно избыточными, особенно в случае SaaS, я думаю, что это больше, чем CoffeeScript, потому что CoffeeScript заканчивает тем, что производит довольно хорошо структурированный JavaScript. В SaaS, если вы просто делаете много вложенных правил и селекторов амперсандов и не обращаете особого внимания на то, что они на самом деле делают, вы можете получить эти действительно очень подробные CSS-файлы, которые получают вывод. Я не знаю, кажется, что мы очень серьезно продвигаемся в направлении удобства для разработчиков с этими библиотеками и препроцессорами, и, возможно, не уделяем так много внимания тому, как это влияет на вес страницы.
Кевин: Что-то только что пришло в голову. Многие сайты сейчас используют действительно большие изображения для слайдов. Возможно, это также имеет отношение к мобильному телефону. Моя статья на самом деле говорит об этой оптимизации для мобильных и настольных компьютеров; эта идея, что вам нужны эти адаптивные изображения, и теперь у вас увеличенный вес страницы благодаря адаптивному дизайну. Как вы думаете, может быть, это немного влияет на это? Многие сайты, которые я видел, выходят на редизайн, их изображения огромны.
Луи: Может быть. Я думаю, что это одна из действительно интересных вещей, и возможно, что это может быть даже большее влияние. Подожди секунду. Когда мы смотрим на прыжки, потому что у него есть разбивка на то, что увеличилось больше всего; Другие увеличились больше всего, и я предполагаю, что другие включают изображения.
Патрик: Да.
Луи: Другое включает в себя изображения. Другое самое большое увеличение. JavaScript и CSS значительно выросли, и JavaScript по-прежнему остается одним из главных виновников. Если вы посмотрите не только как процентное увеличение, но и с точки зрения общего, Прочее ушло с 629 кБ. Другое было самой большой частью того, с чего начинался вес, и оно увеличилось больше всего в процентном отношении. Вы получили более 200 КБ увеличения за счет другого, и это в основном изображения, а также стеки шрифтов. Очевидно, что веб-шрифты, вероятно, тоже будут игроками, потому что веб-шрифты действительно заработали в прошлом году, а наборы шрифтов могут быть довольно большими, поэтому определенно многое можно сказать об оптимизации наборов шрифтов. Если вы что-то делаете, я постараюсь найти ресурс об этом, но взгляну. , , какое слово я ищу? Кевин, может ты поможешь мне с этим. Вы знаете, когда у вас есть стек веб-шрифтов, и вы можете выбрать подмножество символов, которые вы хотите включить, вместо включения всех символов в шрифт? Если вы знаете, что он будет использоваться только для заголовков страниц, и вы знаете, что вам не понадобятся определенные символы, вы можете удалить эти символы из файла шрифта перед доставкой.
Кевин: На самом деле в моем блоге есть статья, в которой рассказывается, как минимизировать размер шрифта. Я ссылаюсь на, я думаю, что Джонатан Снук в какой-то момент написал хорошую статью, и я тоже связался с этим. По сути, вы можете использовать инструмент под названием Font Forge, чтобы уменьшить размер ваших шрифтов. Если вы используете их для, может быть, вы создали свой собственный, как вы взяли шрифт и сделали из него стек значков, или, как вы сказали, у вас просто есть шрифт с открытым исходным кодом, и вы поместили его через Font Squirrel, и у вас есть этот гигантский файл. Что позволяет Font Forge, так это позволяет вам проходить и удалять символы, которые вы не используете, поэтому вам не нужно использовать такое количество. Есть много других инструментов, которые вы можете использовать. Да, у меня есть статья, и мы можем сослаться на нее в примечаниях к шоу, о том, как пройти через это, для файлов.
Луи: Отлично.
Кевин: Не сутенерить мою собственную статью, но я знаю, что она есть, потому что я ее написал.
Луи: Нет, это фантастика. Это именно то, что я искал. Я просто подумал, что у меня нет времени искать ссылку на эту тему, но если она у нас будет готова, это фантастика. Мы добавим это в заметки к шоу.
Еще одна вещь, которую я собирался сказать, это то, что из-за роста количества мобильных веб-сайтов у меня возникает ощущение, что многие сайты, вероятно, имеют такие сайты, или что некоторые из этих первых 300 000, я думаю, вероятно, довольно значительный процент имеет выделенный мобильный телефон. сайт, который не загружает большие изображения, и я думаю, что это позволило людям использовать действительно большие изображения заголовков на настольных версиях своих сайтов. Если вы посмотрите на какой-либо сайт, который был переработан, особенно на новостные сайты, но почти на любой сайт, который был переработан в последние год или два, определенно есть тенденция к использованию этих огромных топ-изображений или больших текстур для фона. Переход от использования этих крошечных миниатюрных изображений тут и там, к использованию действительно полноразмерных топ-изображений для новостных сюжетов. Такое ощущение, что это может быть большой игрок.
Если вы работаете с адаптивными изображениями, я не знаю, как HTTP Archive проводил эти тесты, но если вы динамически загружаете свои изображения с помощью JavaScript и реагируете, получаете изображения меньшего размера для мобильных устройств или у вас есть выделенный мобильный сайт и вы только используете эти большие изображения на вашем рабочем столе сайта, тогда, возможно, увеличение не так уж и плохо, но это определенно подчеркивает важность уделения внимания этому материалу. Я думаю, что если разработчики думают: «Мы получили всю пропускную способность в мире», потому что они тестируют на быстрой машине с быстрым подключением, потому что вы веб-разработчик, то есть у вас, очевидно, быстрая машина и быстрое соединение, и вы когда вы сталкиваетесь с проблемами, обращайтесь к библиотекам, обращайте внимание на вес вашего сайта. Если у вас есть довольно простая домашняя страница, и у вас более 1 мегабайта, то, вероятно, вы можете кое-что сделать.
Кевин: Точно. Существует множество инструментов сжатия изображений. Я думаю, что Yahoo! имеет инструмент сжатия для изображений. Вы можете бросить свой PNG в него, и он будет. , , в основном, есть много этих инструментов без потерь, которые вы можете использовать для сжатия изображений.
Луи: Очевидно, что если кто-то слушает, который не использует YSlow для Firefox или Google PageSpeed Insites, в Chrome, безусловно, используйте эти инструменты, потому что это укажет на что угодно. Он указывает на некоторые вещи, которые, вероятно, не имеют значения, например, сведение к минимуму вашего HTML — это довольно низкая выгода, которую вы можете сделать. С точки зрения всего, очевидно, GZipping, убедитесь, что ваши изображения сжаты, убедитесь, что ваш JavaScript и CSS сведены к минимуму. Более того, я не знаю о вас, ребята, но я видел сайты несколько раз, и я думаю, что это появилось недавно. Мы рассматривали редизайн, и им удалось случайно включить JQuery на страницу дважды из двух разных источников?
Кевин: Похоже на установку WordPress.
Луи: Очевидно, это просто смешно.
Кевин: Да, абсолютно. Если вы не просматриваете и не проверяете, какие файлы включены, а если некоторые включены дважды, избыточность является убийцей номер один для любой производительности. Даже на уровне программирования вы не хотите, чтобы один и тот же объект загружался дважды.
Луи: Отлично. Стивен был слишком тихим, я думаю, что мы должны сделать историю Стивена.
Кевин: Стефан, ты загнал себя в угол.
Стефан: С другой стороны, мы немного поговорим о спросе на платформы в Интернете. Флиппа, Луи, только что вышел с новым исследованием. Они подготовили некоторые данные, я полагаю, что вы, ребята, используете внутреннюю измерительную систему или API для получения этой статистики, и у них есть ряд статистических данных о том, что питает Интернет. Это хорошая маленькая инфографика об уроках, которые вы, ребята, сделали за последние 12 месяцев. Некоторые интересные вещи: Спрос на разные продукты, разные CMS, разные форумы и все, что свернуто в симпатичную небольшую диаграмму. Это интересно, потому что WordPress находится в упадке; похоже, что на 4,2% в прошлом году. Это некоторые интересные вещи. Что еще выделялось?
Луи: WordPress? Это спрос на сайты WordPress.
Стефан: использование PHP не работает; Я думаю, это не удивительно. Я не знаю, что вы, ребята, думаете об этом? Много информации с прошлого года.
Луи: Если посмотреть в целом, если посмотреть на спрос и предложение сайтов WordPress в 2012 году, это почти 85% рынка. Очевидно, что когда рынок настолько насыщен сайтами WordPress, а WordPress настолько прост в настройке на виртуальном хостинге и требует много установок одним нажатием, вы определенно получаете множество сайтов WordPress, которые являются просто доменными именами при установке WordPress. Это просто идея. Они продаются по довольно низким ценам. Я думаю, что это нормально, что спрос снизится, потому что это довольно насыщенный рынок, и подмножество сайтов, которые созданы, имеют хороший трафик и имеют доход немного меньше для сайтов WordPress, вероятно, просто потому, что это так легко чтобы начать. Что касается других чисел, что мы получили?
Стефан: Другим крупным был Magento, он упал на 31,7% по сравнению с прошлым годом.
Луи: Кажется, что Magento значительно упал, и Shopify взлетела до небес. Кажется, что Shopify делает большие успехи, вероятно, за счет Magento.
Кевин: Как вы думаете, цепь Magento имеет какое-то отношение к коммерции, которую имел eBay?
Стефан: Просто несколько интересных цифр на vBulletin, это на 6%. Я предполагаю, что мы видим немного больший спрос на форумы. Я никогда не слышал о Pligg, но я пошел и посмотрел его, и это похоже на социальную сетевую платформу, которую вы можете настроить, так что она тоже немного выросла.
Луи: Что это, извини?
Стефан: Плигг, Плигг.
Луи: Нет, я никогда не слышал об этом.
Патрик: Плигг — это не клон типа Дигга?
Стефан: Похоже, это как каркас.
Патрик: Или раньше. В какой-то момент, возможно, именно так все и началось. Возможно, это изменилось, но я почти уверен, что Плигг был раньше. Да, это был Digg-подобный клон.
Луи: О да. Правильно.
Патрик: У меня есть вопрос, хотя. Мое понимание этого, в чтении это то, и я просто хочу это проверить. Запас — это количество раз, когда сайт, созданный на основе этого, был выставлен на продажу на Flippa. Это верно? Спрос сколько они были куплены? Я понимаю это?
Луи: Если вы посмотрите на самый низ страницы, на самый низ там внизу. «Данные о поставках основаны на тегах, предоставленных продавцом, а также на сторонних списках». То есть каждый раз, когда сайт выставляется на продажу, это относится к предложению.
Патрик: ОК. Вот о чем я думал.
Луи: Спрос основан на представлениях для тегов, поэтому просмотры страниц для этих тегов; например, если у вас есть страница со всеми списками с тегом Ruby. Просмотры страниц для этого тега и поиски по этим ключевым словам также объединяются в номера спроса.
Патрик: Это в основном то, о чем я думал. OK. Я думаю, что это интересно, я не знаю, что это обязательно поражает меня каким-либо образом. Очевидно, что Shopify растет в популярности, насколько сайты люди хотят продать. На форумах, очевидно, vBulletin — это коммерческое решение. PtDB, как правило, является самым популярным и наиболее широко используемым решением, потому что оно бесплатное, с открытым исходным кодом, своевременно появилось на рынке, имеет большое сообщество и так далее. vBulletin популярен, особенно на форумах, где много монетизации, и я думаю, что это хорошо работает и на Flippa, потому что вы часто продаете сайты, основываясь на оценке ежемесячного дохода, поэтому имеет смысл, что vBulletin будет так доминирующим. Хотя я удивлен, насколько это так; 91,3% поставок, а MyBB — 8,7. Это оставляет мало для других платформ.
Луи: Одна из вещей, которые я нахожу даже более интересными, чем разбивка спроса и предложения, — это средняя цена продажи этих разных сайтов. Например, если вы посмотрите на среднюю продажу CMS, средняя продажа для сайта Drupal почти в 4 раза выше средней цены для сайта WordPress.
Стефан: Это просто потому, что Drupal сложнее разрабатывать?
Луи: Да, просто потому, что вы потратили в 10 раз больше работы на создание этой вещи.
Патрик: Сайт с наибольшим количеством настроек IE6 — это сайт, который стоит больше всего из-за всех часов разработки. Я думаю, что это связано с тем, что у Drupal такой маленький спрос. Имеет смысл, что чем больше вы будете вливаться во что-то, чем больше будет сайтов, тем ниже будет продажа, потому что тогда вы начинаете переходить на более дешевые сайты, тянущие вниз среднее значение, и это то, что я пытаюсь сказать.
Луи: Справедливо сказать.
Патрик: Это интересно, потому что Shopify поддерживает довольно хороший процент спроса, а также поддерживает максимальную сумму в долларах более 10 000 долларов для платформ электронной коммерции.
Луис: Очень высокая цена, несмотря на то, что она, вероятно, самая простая в использовании платформа электронной коммерции. Это интересные цифры. Очевидно, что если вы создаете веб-сайт, который, по вашему мнению, вы в конечном итоге захотите продать или планируете монетизировать, а затем потенциально продать, то, возможно, вам придется подумать о выборе технологий, а не только о том, какие технологии вы используете. и какие технологии, по вашему мнению, вам будут наиболее удобны для работы, а также выбор технологий, которые вы сможете затем продать на сайте. Если вы используете что-то менее переносимое на разных хостах, что-то более сложное в настройке или что-то менее известное, то вам может быть сложнее продать свой сайт, чем если бы вы использовали что-то, что всем нравится, и это Например, люди могут легко перейти на свои собственные хосты.
Патрик: В конце концов, если вы заработаете кучу денег, на Флиппе все будет отброшено в сторону, пока вы делаете кучки денег.
Луи: Это правда.
Стефан: Я думаю, что средняя цена продажи сайта для .NET составляет 17 000 долларов, а это почти вдвое больше, чем у сайта на Ruby, что является следующим самым высоким показателем.
Луи: Я немного удивлен этим, позвольте мне взглянуть на это. С точки зрения поставки .NET — довольно маленький кусок поставки. 3,4% перечисленных сайтов написаны на .NET, так что это очень мало. Я даже не знаю, что об этом думать.
Патрик: Я думаю, что это скорее небольшая проблема с образцом, потому что это такой маленький спрос. , ,
Луи: Это может быть очень маленький образец. Я на самом деле любопытно.
Патрик: Это почти нишевое любопытство, может быть, люди платят немного больше. Не знаю.
Кевин: Это люди, которые используют SharePoint для своих веб-сайтов.
Луи: Люди используют что, извините?
Кевин: SharePoint, я уверен.
Луи: Точно.
Стефан: Это может быть так.
Луи: Я на самом деле собираюсь пойти и посмотреть, что там. WordPress; в настоящее время существует 500 открытых списков WordPress. Очевидно, что это основано на том, что для любой из этих платформ их не так много, большинство из них, за исключением WordPress, PHP, является чем-то, что требует большого объема, у вас не много открытых списков одновременно. Просто глядя на открытые списки, прямо сейчас вы не сможете многое увидеть с точки зрения того, что происходит в .NET и vBulletin. Тем не менее, некоторые интересные статистические данные для тех, кто заинтересован в покупке и / или продаже сайтов. Подсказка Подсказка. Подключи.
Патрик: Сегодня мы узнали, что вы используете Shopify, Drupal и .NET, то есть то, что вы используете, когда используете веб-сайт; Вы используете все это вместе, так или иначе. Я не знаю, как вы собираетесь это сделать, и я даже не разработчик, но я могу представить сложность, которая существует с этой загадкой. Если вы сделаете это, вы можете стать следующим миллионером .com.
Луи: После того, как вам понадобилось 17 лет, чтобы все заработало, вы можете продать его по несколько более высокой цене.
Стефан: Круто.
Луи: Хорошо. Я считаю, что это упаковка.
Кевин: Хорошо. У меня есть статья на Boagworld: Дэн Шерман опубликовал это, и это в основном о адаптивных изображениях и о том, как справиться с этим. Он приводит некоторые распространенные примеры того, как это будет обрабатываться на стороне сервера или загружаться с мобильных изображений по умолчанию, и анализировать размер экрана для загрузки больших изображений. Кроме того, он рассказывает об элементе изображения, который находится в покое, и о различных способах, которыми вы можете это сделать; загрузка разных изображений в качестве фона, использование медиа-запросов и тому подобное. Этот список можно продолжить, говорит он. По сути, он приходит к выводу, что мобильные сети сжимают эти вещи по умолчанию, так зачем вообще что-то делать?
На самом деле, у него есть некоторые интересные статистические данные. Он говорит, что эта техника отсутствия заботливых изображений работает для него примерно 98% времени, 98,21%, если вы хотите быть сверхтехническим. По сути, он рассказывает о том, как мобильные сети сами сжимают эти изображения. Он смог увидеть изображение шириной около 12 000 пикселей с 470 кБ, и он наблюдал, как оно падает примерно до 45 кБ, как раз из сжатия мобильной сети. Я хочу сделать заметку, потому что Пол сделал это в этой статье. Если вы зайдете в эту статью и посмотрите на изображения в качестве примера, WordPress делает что-то интересное, поэтому вам действительно нужно выполнить этот тест самостоятельно. , По сути, это большая разница.
Луи: Это определенно большая разница.
Кевин: Это как снижение на 1000%.
Патрик: Вы не можете уменьшить на 1000%.
Луи: Смотри. Такое ощущение, что прежде чем я решу заняться этим сумасшествием. Мне нужна действительно хорошая статистика о том, сколько разных носителей было протестировано. Очевидно, что уровень сжатия будет другим. Некоторые операторы могут отказаться от сжатия.
Кевин: Точно.
Луи: Особенно вам придется проверить это в разных странах, очевидно. Я предполагаю, что этот автор находится в Великобритании, вероятно?
Кевин: Точно. Компания Пола, Headscape, находится в Великобритании, да.
Луи: То же самое относится и к перевозчикам в других странах. Я думаю, что это, безусловно, супер-освежающий взгляд на проблему адаптивных изображений, и я думаю, что это совершенно справедливо, потому что вам не нужно беспокоиться о ситуации, о которой мы уже несколько раз говорили на этом шоу, когда я говорил с Джереми Китом, мы говорили об этом. Корреляция между размером экрана и пропускной способностью не так сильна, как я думаю, большинство разработчиков хотели бы думать, что это так. То, что у вас маленький экран, вы можете использовать как 7-дюймовый планшет или 4,5-дюймовый телефон, просто потому, что у вас маленький экран, не означает, что у вас низкое соединение. Может быть, вы можете позволить себе иметь красивое четкое изображение, потому что вы находитесь на широкополосной связи. Решение Дэна, заключающееся в том, чтобы полагаться только на операторов мобильной связи, устраняет эту проблему, поскольку вы знаете, что оператор мобильной связи является на 100% надежным способом узнать, что кто-то использует медленное соединение.
С одной стороны, я думаю, что это здорово, освежает, что-то такое. , , В прошлом году было так много дискуссий об адаптивных изображениях, любой другой подход к нему, я думаю, действительно интересен. Такое ощущение, что прежде чем идти по этому пути, особенно если у вас есть сайт, который будет иметь большую аудиторию, и вы действительно заботитесь об этом мобильном опыте, я думаю, вы хотели бы увидеть больше тестов на любом носителе в любой стране, где вы ожидать от вас значительной части вашей пользовательской базы.
Кевин: Да, я согласен с этим, Луи. Я чувствую, что Дэн в своей статье немного говорит на эту заметку: «Прежде чем вы просто решите ничего не делать, посмотрите на требования проекта». Потому что в конце дня вы можете уделить время чему-то более важному, чем оптимизация изображений, особенно если это блог, который не слишком насыщен изображениями, возможно, дизайн, в котором мало изображений. Существует время компромисса. Он сказал, очевидно. , , Он перечислил методы выше, поэтому он, очевидно, говорит: «Вы можете использовать их, если хотите, но вот альтернативный метод». Возможно, он говорит, что нам просто не нужно прилагать столько усилий прямо сейчас, как нам кажется. Я согласен, вы не хотите делать предположения, особенно если вы разрабатываете сайт, а ваш клиент заплатил за оптимизированный мобильный опыт. Вы просто не будете игнорировать это и говорить: «Они позаботятся об этом», это лениво.
Луи: Как я уже сказал, я хотел бы видеть больше статистики об этом. Очевидно, это огромная попытка выяснить, на что вы смотрите; Вероятно, 4 или 5 основных перевозчиков в каждой стране и, возможно, сотни стран, по которым вы, возможно, захотите получить статистику. Очевидно, что это может быть большой проблемой, чтобы выяснить, сколько сжатия, какие типы файлов сжимаются, и всю эту информацию на нескольких носителях. Очевидно, это была бы потрясающая статистика.
Кевин: Да, абсолютно. В любом случае, было бы неплохо увидеть, что Wi-Fi используется для мобильных устройств; Wi-Fi для использования 3G или 4G.
Луи: О, каковы проценты, да. Я видел статистику по какой-то точке, которая имела отношение именно к планшетам. В тех случаях, я думаю, это было тогда, когда это был первый или второй iPad, и на самом деле не было других конкурентов планшетов, которые бы занимали значительную долю рынка в то время. Я помню, как читал статистику, что-то вроде 90% или 85%. , , очевидно, не указывайте меня по этому номеру, потому что это было много лет назад, и я не помню его, но очень высокий процент сайтов, просматриваемых на iPad, был по Wi-Fi, а не по 3G. Вероятно, существует множество небольших и недорогих планшетов, таких как модели начального уровня Nexus 7 и 10 и модели начального уровня Kindle Fire, которые не имеют 3G или мобильных данных. Я думаю, что это согласуется с общим мнением о том, что многие люди используют планшет в домашних условиях, это устройство, которым пользуются люди, если вы, как правило, просто просматриваете Facebook или читаете книгу на своем Kindle в постели, вы могли бы сделать это на меньшем планшете или планшете более низкого уровня.
Я думаю, что на этих устройствах будет активно использоваться Wi-Fi. Как только вы попадаете на территорию мобильного телефона, все это в воздухе. Нам нужно больше данных, в основном, это то, что я говорю. Я говорю, что это отличная идея, которую представляет эта статья, но я бы не пошел по этому пути, не имея гораздо больше данных о том, что делают разные перевозчики.
Патрик: Что-то нечестивое так приходит.
Кевин: Я думаю, что это упаковка. Я думаю, что это хорошо.
Луи: я не знаю, как ответить на это.
Патрик: Это опасный путь, Луи. Сделайте некоторое исследование, прежде чем пройти его.
Луи: Да, хорошо. Вот и мы.
Кевин: Луи, ты хочешь сказать, что мы должны подумать, прежде чем действовать?
Луи: Я предлагаю это. Я знаю что это безумие
Кевин: Я не знаю, смогу ли я принять это.
Патрик: Это то, что сделал бы прагматичный разработчик, верно, Кевин?
Кевин: Да, это то, что я делаю.
Патрик: Отлично.
Луи: ОК, ребята. Я полагаю, что пришло время для наших Host Spotlights. Что привлекло ваше внимание в последние несколько недель во всемирной паутине?
Патрик: Мой центр внимания — комикс от Овсянки. Это называется «Некоторые мысли и размышления о создании вещей для Интернета: довольно длинный комикс от Oatmeal». Кто-нибудь из вас уже читал это?
Луи: Да.
Стефан: О да.
Луи: Я прочитал это, когда оно вышло, очевидно.
Патрик: Хорошо. Это прожектор, о котором все уже знают, отлично; это лучший вид. Во всяком случае, это действительно смешно. Если вы делаете вещи для Интернета, и у вас есть даже скромная аудитория, я думаю, что это будет говорить с вами, я знаю, что это говорило со мной; Я думал, что это было очень весело. Мне особенно нравится эта идея, и я говорил об этом раньше с такими сайтами, как Lanyard, у которых нет комментариев. Мысль о том, что многие люди, которые создают вещи, чувствуют, что необходимо комментировать каждую вещь, которую они создают, и как это не всегда положительно, как это может быть отрицательно. Это всего лишь одно из многих наблюдений, которые были сделаны в комиксе, которые мне показались интересными, и, конечно, у них есть этот овсяный юмор, так что это тоже очень весело. Я знаю, что ломал голову, когда я читал это.
Луи: Отлично.
Кевин: Очень круто.
Патрик: Кто следующий?
Кевин: Мой прожектор на самом деле … ах, что со мной ?! Retro Game Crunch, скажем, что в два раза быстрее. В принципе, это 6 игр за 6 месяцев, это стартер. Я должен поместить здесь раскрытие; Я знаю Шона, который начал проект. Делай что хочешь с этим, но мне это действительно нравится. Это выглядит довольно круто. По сути, они собираются делать эти видеоигры в стиле HTML, и вы сможете играть в нее и на Mac, я не знаю, или на Windows. Это действительно круто. По сути, они участвовали в соревнованиях, и на соревнованиях им понравилась 78-часовая игра или что-то в этом роде. Они создали эту игру под названием Evolution. Я играл это; это довольно весело для быстро сделанной игры. Мне любопытно посмотреть, что они могут сделать быстро. Во всяком случае, стоит проверить, просто чтобы проверить игру, на которую они ссылаются, которую они уже разработали, которую вы можете проверить.Веб-сайт RetroGameCrunch.com , но он приведет вас на Kickstarter. Это немного забавно, проверьте это.
Луи: Очень круто. Мне нравится, как это выглядит.
Патрик: Я просто хотел бы отметить, что в первых двух прожекторах участвует человек по имени Инман.
Louis: I am going to buck the trend and bring to the table a spotlight that does not involve someone named Inman. As we know, The Oatmeal is written by a guy called Matthew Inman and Retro Game Crunch is run by Shaun Inmans. Unfortunately, I do not have another spotlight featuring someone called Inman. What I do have, however, is a cool Twitter account that is called VimTips. So Twitter.com/vimtips, which is just a not-quite-daily, but every-so-oftenly helping of short tips and tricks on how to use Vim more efficiently. Obviously, anyone who uses Vim as their text editor will know that . , , I do not think there is anyone alive that knows all of the commands that are available to you in Vim. I personally, probably know like 10% of them, and it is still faster and more powerful than any other editor I could imagine using. It is great to have access to other people’s little tips and little quick; either search patterns, different commands, or combinations of commands that let you do really useful things. It is a really cool Twitter account to check out if you are a Vim user. If you are not a Vim user, you should be.
Stephan: I am not a Vim user, but this is interesting.
Patrick: I am not a Vim user either. I think with that survey sample in mind we can safely forecast that 50% of the world, at least, is not a Vim user.
Kevin: I would say Sublime is a good alternative.
Stephan: Wait. Louis, do you use a Mac?
Louis: I use a Mac; however, almost all of my development is done on a Linux VM over SSH.
Patrick: Scandalous.
Louis: I do not actually dev on the Mac. The Mac is just an expensive aluminum box to get into Linux with.
Stephan: Gotcha. I was just wondering, because I have seen some of the Vim clients for Mac and nothing is very impressive. That is why I was wondering.
Louis: No, just terminal, all the way.
Stephan: Gotcha.
Louis: Anyone that says otherwise is crazy.
Patrick: Cool.
Louis: Bring on the flaming.
Stephan: Emacs!
Louis: I just want to say to our listener who is an Emacs user . , , sorry. I know there is just one of you, but I did not want to offend. So, sorry.
Patrick: You could still be Listener of the Year if you come to a conference that me and Kevin are both at, and you travel at least 800 miles.
Stephan: I think Louis might disqualify them.
Louis: On the basis of being our only Emacs listener? No, he is cool. Emacs guy is alright. I will vouch for him.
Stephan: I guess I will go last, then. I basically have an online book, or I do not even know how to describe it. It is just a tutorial in a bunch of sections on how to use D3.js, which is a data visualizations library. It is pretty interesting just because I am getting into this data visualization stuff, and this is a great place for me to start because I am not a JavaScript-savvy person.
Louis: This is very cool.
Stephan: Yes. It walks you right through what you are actually doing, how you are using the data that comes to your page, and how to translate that data into some visualization. It is really neat.
Louis: Yes, that is cool. Every single person I know who has used D3 has said, ‘D3 is awesome. It is the best thing ever, but the learning curve is, to say the least, a little steep, and it will involve at least a couple weeks of tearing your hair out.’ Having a good resource like this with a really good one-stop- shop for a full tutorial taking you all the way through is pretty awesome. Although Kevin will take issue with this site, for obvious reasons.
Kevin: Yes, here is another great example of Twitter Bootstrap. I have to say, Stephan you are not the only one who endorses this. The most interesting man in the world also endorses this.
Louis: Yes, also.
Stephan: Yes, it is true. Это.
Patrick: When he needs visualization, he uses D3.js.
Louis: Awesome, guys. It has been yet another great show.
Kevin: Yes, I think so.
Patrick: If you say so.
Louis: I do say so, OK? Все в порядке. Let us take it around the table.
Kevin: I am Kevin Dees and you can find me at kevindees.cc and @kevindees on Twitter.
Patrick: I am Patrick O’Keefe. I blog at ManagingCommunities.com . On twitter @ifroggy .
Stephan: I am Stephan Segraves. You can find me on Twitter @ssegraves , and I blog every now and then at BadIce.com .
Louis: I am Louis Simoneau. You can find me on Twitter @rssaddict . You can also find SitePoint on Twitter @sitepointdotcom . You can find the Podcast on the web at SitePoint.com/Podcast . You can see all of our past episodes there, you can leave a comment, as well, and you can get the RSS feed. Of course, we are on iTunes, so feel free to look us up there. Leave us a review if you like this show. You can e-mail us if you have any thoughts, suggestions, or stories. The address to use is [email protected] . Thank you for listening. Bye, for now.
Audio Transcription by SpeechPad.
Theme music by Mike Mella .
Спасибо за прослушивание! Не стесняйтесь сообщить нам, как у нас дела, или продолжить обсуждение, используя поле комментариев ниже.