Функциональность сайта прямо зависит от оптимизации кода. При создании сайта старайтесь сокращать код, не используйте длинные конструкции. И если некоторая часть кода повторяется, обязательно выносите ее в отдельную функцию или подключаемый файл.
Если у Вас есть сайт, то проверьте его оптимизацию на
Для достижения полной функциональности Вам необходимо оптимизировать:
- код php;
- html код;
- и javascript код.
Оптимизация кода php.
Итак, начнем с оптимизации кода php. Для того чтобы протестировать время выполнения Вашего кода используйте одну полезную функцию - microtime().
С помощью этой функции Вы можете фиксировать время выполнения php написанных функций и путем оптимизации этих функций повышать функциональность Ваших приложений.
Использовать функцию microtime() довольно просто. Этот пример взят из руководства по php:
<?php function getmicrotime(){ list($usec, $sec) = explode(" ",microtime()); return ((float)$usec + (float)$sec); } $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, например:
<script type="text/javascript">var d = new Date(); point1 = d.getMilliseconds(); ... выполняется скрипт .... var r = new Date(); point2 = r.getMilliseconds(); alert("Скрипт выполнялся "+(point2-point1)+" милисек") </script> |
Советы и рекомендации по оптимизации кода javascript:
1. обращение к DOM элементам обычно тяжелее для браузера, чем обращение к переменной javascript, поэтому сокращайте обращение к элементам документа в скриптах и работайте с элементами. Изменение свойств, влияющих на отображение элемента: className, style, innerHTML и ряд других - довольно сложные операции.
2. выносите максимальное количество кода js в отдельный подгружаемый файл, это повысит читаемость вашего кода, и загрузит js код в кэш браузера. Таким образом, Вы сократите объем загружаемой страницы.
3. активно пользуйтесь возможностями технологии Ajax (асинхронная подзагрузка данных без перезагрузки страницы), для пользователей это очень удобно.