@ импорт-шрифты: Dropbox против домашнего сервера, неожиданные несоответствия

Я принимаю из дома, используя свое домашнее интернет-соединение (Apache на OS X), это не бизнес-линия или что-то в этом роде. Тем не менее, мне удается набрать 20 мс при пинге, 55 мбит / с и 12 Мбит / с, так что мы понимаем, что это не какое-то сокращенное DSL-соединение:P

В любом случае, используя тест скорости веб-сайта Pingdom, я могу проверить время загрузки различных файлов, связанных с веб-сайтом, включая файлы HTML, CSS, Js и.woff.

Файлы.woff предназначены для нестандартного шрифта для веб-сайта и размещаются на сервере вместе с остальными файлами веб-сайта и Dropbox.

Когда я указываю в файле CSS для загрузки.woffs из Dropbox, а не с домашнего сервера, Pingdom сообщает о значительном увеличении производительности во время загрузки сайта. На самом деле, загрузка всего занимает от 3 секунд до чуть более 1 секунды, конечно же,.woffs.

Конечно, это неудивительно, потому что Dropbox делает это для метафорической жизни, и поэтому мы можем ожидать, что время отклика сервера и скорость загрузки будут намного лучше, чем у домашнего сервера. Тем не менее, что интересно, Pingdom сообщает, что.woffs будет НАМНОГО меньше, когда они приходят из Dropbox- на 95% меньше. Все это, когда ссылка на Dropbox тоже SSL.

Я пытался найти больше информации о том, как Dropbox конвертирует или сжимает загруженные файлы, но я не нахожу много. Кроме того, когда шрифт повторно загружается из Dropbox, он имеет свой первоначальный, гораздо больший размер.

Кто-нибудь знает что-нибудь об этом? Dropbox автоматически оптимизирует файлы.woff для @import-ing? Кажется немного волшебным... Кроме того, кажется, что домашнему серверу требуется довольно много времени, чтобы доставить файлы.woff, возможно, это просто стандарт для домашнего интернет-соединения, но мне это кажется слишком медленным. Каждый.woff составляет около 100 КБ.

Я хотел бы опубликовать изображение, но.... В любом случае, вот ссылка на скриншот - https://www.dropbox.com/s/qasp9r7s6n8n7ba/Home%20v.%20Dropbox.png (Dropbox отключается дно для меня, так что вы можете скачать изображение и просмотреть его локально)

1 ответ

Решение

Как сказал smarx, добавление либо "raw=1", либо "dl=1" к концу ссылки Dropbox приведет к прямой загрузке ссылки, а не к странице "лоббирования" с кнопкой загрузки на веб-сайте Dropbox.

Это позволяет файлу CSS извлекать файлы шрифтов, например, из Dropbox через @import.

В ходе краткого тестирования выяснилось, что ни один из параметров запроса (? Raw = 1 или? Dl=1) не обеспечивает превосходную производительность для другого, и фактически каждый файл, размещенный в Dropbox, принимает два запроса для загрузки на веб-сайт. В результате на самом деле кажется, что более эффективно (читай: быстрее) хранить файлы.woff в моем случае на домашнем сервере, а не на "сверхбыстрых" серверах загрузки Dropbox.

Другие вопросы по тегам