По всем вопросам пишите на webmaster@info-pages.com.ua. Вы можете свободно использовать/размещать/перепечатывать статьи сайта всего лишь указав ссылку на источник.
Оптимизация кода и функциональность сайта
Оптимизация кода
Размещено: 03 ноября 2008
Функциональность сайта прямо зависит от оптимизации кода. При создании сайта старайтесь сокращать код, не используйте длинные конструкции. И если некоторая часть кода повторяется, обязательно выносите ее в отдельную функцию или подключаемый файл.
Если у Вас есть сайт, то проверьте его оптимизацию на . Конечно, этот сервис не может считать 100% правильным и объективным, но показатели сайта не являются далекими от истины. Для достижения полной функциональности Вам необходимо оптимизировать: - код php; - html код; - и javascript код.
Оптимизация кода php.
Итак, начнем с оптимизации кода php. Для того чтобы протестировать время выполнения Вашего кода используйте одну полезную функцию - microtime().
С помощью этой функции Вы можете фиксировать время выполнения php написанных функций и путем оптимизации этих функций повышать функциональность Ваших приложений.
Использовать функцию microtime() довольно просто. Этот пример взят из руководства по php:
$point1 = getmicrotime(); //устанавливаем пункт отсчета времени
... здесь прописываете Ваши функции или любой код....
$point2 = getmicrotime(); //устанавливаем конечный пункт
echo $point2-$point1; //получаем время выполнения скрипта
?>
Советы и рекомендации по оптимизации кода PHP:
1. если у Вас в коде есть повторяющиеся части кода выносите их в отдельные функции;
2. для использования частых функций напишите свой класс (набор функций в виде нового объекта), этим Вы добьетесь автономности и быстрого подключения функций просто создав новый объект;
Советы по оптимизация html кода.
1. Максимально оптимизировать html код можно, используя библиотеку css стилей. CSS загружается всего один раз при первой загрузке страницыи храниться в кэше браузера, таким образом, перенеся все стили ячеек, таблиц, ссылки на изображения и т.д. в библиотеку стилей Вы уменьшите код html страницы и соответственно увеличите скорость ее загрузки.
Все рисунки подгружаемые с помощью css подгружаются после того как на дисплей выведен весь текст страницы, таким образом пользователю не придется ждать очередности загрузки текста, а потом рисунка и наоборот.
С другой стороны ключевые рисунки имеют полезный атрибут alt, поэтому не стоит все изображения переносить в css библиотеку, особенно навигационные или ключевые изображения (например, логотипа).
2. пути к файлам или рисункам старайтесь прописывать относительные, это уменьшит количество кода и не потребует дополнительного обращения к внутреннему домену.
3. сократите лишний текст в html файле, удалите пробелы, замените некоторые теги на более с короткими именами (например, тег <strong> на <b>). Как пример можете посмотреть исходный код странички или .
Оптимизация кода javascript.
Код JavaScript работает приблизительно в 5000 раз медленнее в сравнении с языком C, в 100 раз медленнее Java и в 10 раз медленнее Perl. Понятно, что производительность javascript функций является важным моментом. При работе с большими объемами данных иногда есть смысл передавать данные на сервер (с помощью технологии Ajax) и там их обрабатывать.
Для проверки скорости выполнения скрипта используйте функции getSeconds(), getMilliseconds() объекта Date, например:
Советы и рекомендации по оптимизации кода javascript:
1. обращение к DOM элементам обычно тяжелее для браузера, чем обращение к переменной javascript, поэтому сокращайте обращение к элементам документа в скриптах и работайте с элементами. Изменение свойств, влияющих на отображение элемента: className, style, innerHTML и ряд других - довольно сложные операции.
2. выносите максимальное количество кода js в отдельный подгружаемый файл, это повысит читаемость вашего кода, и загрузит js код в кэш браузера. Таким образом, Вы сократите объем загружаемой страницы.
3. активно пользуйтесь возможностями технологии Ajax (асинхронная подзагрузка данных без перезагрузки страницы), для пользователей это очень удобно.
![:]](picture/smiles/6.gif)
