Choosing hosting
We try to keep all of our plans as affordable as possible. We understand the temptation to opt for the cheapest web hosting plans, but it might be wise to consider how your website is going to be used.
If the intended use is as a businesses website to generate an income stream, opting for the cheapest hosting plan possible may not be the smartest move.
When making a site for a company or to be profitable, you need to consider how popular it could become, how fast it should be, and if you will need to host other domains or websites later.
By choosing a plan that has plenty of room for expansion, you make sure you don’t need to worry about downtime later (such as when your plan’s bandwidth gets used up due to the popularity of the hosted websites).
All our Thai hosting plans can be upgraded. However, if you choose a business or advanced plan at the start, it means that your hosting plan allows your websites and businesses plenty of room to grow.
Our ultra fast servers can lead to your business getting more sales due to faster page loading times.
Although we do work hard make sure all of our Bangkok servers are quick and stable, we also understand that business websites need far more resources and speed than the average hobby blog – this is why we have the business and advanced plans. If you are feeling uncertain about how to choose a Thai webhosting plan, feel free to contact us before ordering.
Fonts
Интересная и неожиданная ситуация для меня сложилось с Google Fonts, в темплейте было использовано два разных фонта. И вроде даже разумно оптимизированы:
Thailand web hosting — thailand hosting
55 Baromratchachonnani 73, Chim phli, Taling Chan 10170 Thailand
At AkkanHost, we provide our clients many awesome packages
Shared Hosting, VPS, Dedicated server, Managed Hosting, Reseller Hosting, Domain Registration, SSL Certificate, Website Builder, Sitelock Malware detector, Impress.ly, Codeguard Website Backup, Business email, Enterprise email, Email Combo,…
Важная поправочка
_ В комментариях отметили, что мой географический выбор сервера не самый разумный для Тайского сайта. Так же, какой бы легковесный не был apache — он все равно создает новый поток для каждого соединения.
Геолокация серверов
Пока в Тайланде, я набросал быстрый скрипт для проверки скорости из Тайланда:
Играемся с оптимизацией цветов в jpeg
Но выбором только правильного формата все не окончилось. Изображения все-равно были слишком большие. Мой hero background занимал больше половины мегабайта.
У меня нету photoshop’a, а что без него тут делать я не очень понимал. Но друзья подсобили и посоветовали отличный проект TinyJpg — все оказалось слишком просто.
Изображения
Для человека у которого нету Photoshop’a на компьютере — работа с изображениями это большая попаболь. Половина проблем с изображениеми было решено за меня за счет того что я выбрал готовый темплейт — мне не пришлось возиться с спрайтами, векторами. Но это не решило всех моих проблем — мне нужны были другие иконки и другие изображения.
Компрессия без потерь
Как человек с инженерным образованием, я знаю цену специализированным инструментам. Они очень часто облегчают работу больше чем one-fits-all инструмент. Можно программировать на notepad’e, но чаще становится нашим основным рабочим инструментом — sublime text, rubymine.
в gulp это оказалось очень просто:
var jpegtran = require('imagemin-jpegtran');
gulp.task('build-jpg', function () {
gulp.src('./src/img/*. (jpg|jpeg)')
.pipe(jpegtran({ progressive: true })())
.pipe(gulp.dest('./public/img'));
});
Кэширование
Менее тривиальной оказалась задача по указыванию заголовков для кэширования. С AWS эти уже автоматизировано. Я пытался вспомнить когда я это делал последний раз, но так и не вспомнил когда. Поэтому с помощью магической силы гугла, пару попыток я все-таки сделал что-то 100% приеемлемое для gtmetrix.
Но чтобы избежать двух попыток, я бы рекомендовал воспользоваться темплейтом для сервера из проекта html5-boilerplate. Я в следующий раз обязательно это сделаю 🙂
Метрика
Я изначально договорился сам с собой, что я не буду полагаться на собственные «ощущения». А буду полагаться на общественно признанный инструментарий.
Правильный выбор формата для изображений
Я сделал самую грубую ошибку из тех ошибок что можно сделать. Я выбрал .png как формат по умолчанию для изображений, у меня было представление что png оптимизирован для веба. На самом деле для изображений насыщенных цветами (как например фото) — jpeg все-таки остается лучшим форматом, я оставил png для иконок.
Больше ликбеза на эту тему можно найти на страницах гугла (от людей которые понимают в этом больше чем я).
Топ 50 сайтов в таиланде
| Позиция | Домен | Категория |
|---|---|---|
| 1 | Компьютеры, Электроника и Технологии / Поисковые системы | |
| 2 | Искусство и развлечения / ТВ-фильмы и потоковое видео | |
| 3 | Компьютеры, Электроника и Технологии / Социальные сети и онлайн-сообщества | |
| 4 | Компьютеры, Электроника и Технологии / Социальные сети и онлайн-сообщества | |
| 5 | Азартные игры / Ставки на спорт | |
| 6 | Компьютеры, Электроника и Технологии / Поисковые системы | |
| 7 | Компьютеры, Электроника и Технологии / Компьютеры, Электроника и Технологии | |
| 8 | Электронная коммерция и шоппинг / Маркетплейс | |
| 9 | Для взрослых (18 ) | |
| 10 | ||
| 11 | Для взрослых (18 ) | |
| 12 | Компьютеры, Электроника и Технологии / Социальные сети и онлайн-сообщества | |
| 13 | Новости и СМИ | |
| 14 |  instagram.com | Компьютеры, Электроника и Технологии / Социальные сети и онлайн-сообщества |
| 15 | Новости и СМИ | |
| 16 | Электронная коммерция и шоппинг / Маркетплейс | |
| 17 | ||
| 18 | Искусство и развлечения / ТВ-фильмы и потоковое видео | |
| 19 | Игры / Игровые приставки и аксессуары | |
| 20 | Компьютеры, Электроника и Технологии / Социальные сети и онлайн-сообщества | |
| 21 | Компьютеры, Электроника и Технологии / Социальные сети и онлайн-сообщества | |
| 22 | Компьютеры, Электроника и Технологии / Эл.почта | |
| 23 | Справочные материалы / Словари и энциклопедии | |
| 24 | Азартные игры / Казино | |
| 25 | Азартные игры / Ставки на спорт | |
| 26 | ||
| 27 | Компьютеры, Электроника и Технологии / Компьютеры, Электроника и Технологии | |
| 28 | Азартные игры / Ставки на спорт | |
| 29 | Искусство и развлечения / ТВ-фильмы и потоковое видео | |
| 30 | Новости и СМИ | |
| 31 | Игры / Игровые приставки и аксессуары | |
| 32 | Для взрослых (18 ) | |
| 33 | ||
| 34 | Новости и СМИ | |
| 35 | Азартные игры / Ставки на спорт | |
| 36 | Компьютеры, Электроника и Технологии / Телекоммуникации | |
| 37 | ||
| 38 | Азартные игры / Ставки на спорт | |
| 39 | ||
| 40 | Компьютеры, Электроника и Технологии | |
| 41 | Искусство и развлечения / ТВ-фильмы и потоковое видео | |
| 42 | ||
| 43 | ||
| 44 | ||
| 45 | ||
| 46 | ||
| 47 | ||
| 48 | Компьютеры, Электроника и Технологии / Бытовая электроника | |
| 49 | Новости и СМИ | |
| 50 | Компьютеры, Электроника и Технологии / Программирование и разработка ПО |
Фронт-енд фреймворк
Я не фронтенд программист, мне приходится полагаться на фронтенд фреймворки. Чаще всего это означает bootstrap со всем «его добром». И хотя bootstrap компоненты можно использовать селективно, это все равно означает что я притащу с собой jQuery. Я видел уже достаточно native-javascript библиотек которые работают без Jquery. Размер бутстрапа и его компонент тоже меня не устраивал, мне всегда казалось что он «стилизует» чуть больше чем нужно.
Поэтому немного погуглив немного, я нашел фреймворки которые позиционируют себя как минималистычные. Вот примерный список того что я рассматривал
Я выбрал фрейворк base. Большинство из причин глубокого личные:
- Я уже работал с более раней версией
- Мне казалось что javascript компоненты мне не нужны, а если нужны, то я бы хотел их выбрать сам. Base — чисто css фреймворк.
- Использует gulp как билд тул. О котором я слышал много хорошего, некоторые умельцы даже пытались его интегрировать в рельсу (с которой я часто имею дело).
- Я нашел темплейт от автора фреймворка который подходил для моей цели. Я если честно не хотел много возиться с версткой, цель этого проекта была другая. Поэтому я с удовольствием отдал несколько долларов автору за это.
Поэтому я не буду рекомендовать только Base, а выдал список. Но я должен оговориться, что можно начать еще более минималистично, только с grid system — sussy grid, например.
Хостинг
Я не собирался делать динамический контент. И хоть казалось бы логичным сделать форму для покупки, большинство тайских магазинов что я видел избегали этого. Форма для покупки еще усложняется тем, что их бы пришлось интегрировать с банками, а в Тайланде нету четких лидеров в банковской сфере.
Их больше 10 и все они более или менее пользуются спросом, даже среди моих друзей иностранцевтайцев выбор банка крайне разнится. Очень много покупок делается непосредственно через интернет банки и мессенджер line. Поэтому я решил не ломать привычных паттернов, тем более это крайне упрощает мою задачу.
Мне нужен хостинг только для статического контента. Самым популярным выбором тут является github pages и AWS. Я побоялся использовать github pages из-за ограничений по трафику, а AWS мне показался не самым дешевым решением (по моим крайне грубым оценкам около 4 баксов в месяц).
