Самостоятельное создание сайта
Самостоятельная раскрутка и продвижение сайта

Оптимизация кода

Функциональность сайта прямо зависит от оптимизации кода. При создании сайта старайтесь сокращать код, не используйте длинные конструкции. И если некоторая часть кода повторяется, обязательно выносите ее в отдельную функцию или подключаемый файл.
   Если у Вас есть сайт, то проверьте его оптимизацию на http://www.cys.ru.  Конечно, этот сервис не может считать 100% правильным и объективным, но показатели сайта не являются далекими от истины.
Для достижения полной функциональности Вам необходимо оптимизировать:
- код 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>). Как пример можете посмотреть исходный код странички http://www.google.com.ua или http://yandex.ru.

   Оптимизация кода 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 (асинхронная подзагрузка данных без перезагрузки страницы), для пользователей это очень удобно.

475
1 5
Рейтинг: +1 , голосов 5
Вы еще не голосовали!
Добавить комментарий (комментариев: 2)
Удалить ответ

Ваш почтовый ящик никогда не будет опубликован
Трудно разобрать цифры? Нажмите на рисунок, чтобы обновить.
#1 30/07/2014 09:51 maria
reply
Про оптимизацию html-кода также рекомендую почитать тут http://kvinta-a.ru/optimizatsiya-html-koda/
#2 04/09/2012 16:41 dm
reply
По доступнее бы, некоторые умею тока подрезать код да размеры корректировать , учимся )))

Дополнительно

» С чего начать сайт?

» Установка программ

» Пример создания сайта

» Хостинг и домен

» Оптимизация сайта

» Раскрутка сайта

» Заработок web-мастера

» Примеры PHP/Javascript

» Блог и мои записки

Последние новости

Статьи по рейтингу

» Особенности покупки контента 5.0 1
» Выбор хостинга 4.8 5
» Поисковые системы 4.7 9
» Курс молодого web-мастера 4.6 21
» Где взять бесплатные ссылки 4.5 11
» Что такое сниппеты 4.5 6
» Addstudio - SEO модуль 4.5 4
» Отладка js и CSS 4.4 14
» Стратегия дохода на Sape.ru 4.3 3
» Каталоги и биржи статей 4.3 4