#jquery #css #loading #css-sprites
#jquery #css #Загрузка #css-спрайты
Вопрос:
Я тестирую свой веб-сайт, и мой основной логотип и иконки социальных сетей, которые являются изображениями спрайтов CSS, загружаются очень медленно и перед отображением ожидают загрузки всей веб-страницы. Любая помощь была бы отличной!
В первую очередь проблема с использованием Firefox.
Ответ №1:
Это не имеет ничего общего с вашим логотипом и спрайтами.
Вы видели общий объем страницы? В настоящее время вы выполняете 109 запросов общим объемом 4,24 МБ!
Причина:
В основном это вызвано тем фактом, что вы, похоже, загружаете все свое портфолио на одной странице и показываете каждый раздел с помощью JavaScript. Вместо этого попробуйте разделить содержимое на несколько страниц или используйте AJAX для загрузки содержимого «на лету».
Для профилирования вашего веб-сайта используйте такие инструменты, как Firebug из встроенных инструментов разработчика Google Chrome. Это поможет вам получить больше информации о том, что вы делаете и что вам следует делать.
Комментарии:
1. Спасибо @Aron Rotteveel Как бы я приступил к внедрению AJAX в этот проект? Похоже, что это реальная проблема только в Firefox.
2. @user720033 эта тема слишком обширна, чтобы на нее можно было ответить в одном ответе или комментарии. Найдите на этом веб-сайте и в Google учебные пособия по AJAX, и я предлагаю использовать JS-фреймворк, такой как jQuery , чтобы упростить вам жизнь 🙂
Ответ №2:
проверьте также:
http://developer.yahoo.com/yslow / Ранее использовал плагин firebug, и он очень полезен. А также необходимо ознакомиться с рекомендациями и правилами по веб-производительности.