Ознакомьтесь с нашей политикой обработки персональных данных
  • ↓
  • ↑
  • ⇑
 
Записи с темой: оптимизация (список заголовков)
11:40 

Оптимизация верстки

alhames
alhames.ru
Меня вот лично волнует весьма спорный вопрос касательно использования тех или иных атрибутов, которые являлись чуть ли не обязательными в xhml и стали ничего не значащими в html5.
Начнем по порядку:

1. Doctype: использование <!DOCTYPE html> является вполне валидным, но с каким типом ассоциируют его старые браузеры, которые ничего не знали о html5?

2. Классический шаблон тега html ранее у меня представлял вид <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">. Сейчас я стал использовать нечто вроде: <html lang="ru" xmlns:og="http://ogp.me/ns#"> - namespace для xhtml больше не требуется, а объявление языка свелось к указанию в атрибуте lang. Но на самом деле приоритетной настройкой является язык, возвращаемый в заголовках ответа сервера, а т.к. почти всегда он уже возвращает ru (что впринципе можно проконтролировать), то есть ли вообще смысл использовать этот атрибут?
Ну а namespace для OpenGraph - это обязательная приблуда для валидной оптимизации под соц. сети.

3. Не парные теги - в xhtml их нужно было закрывать ( например, <img /> ) и я по привычки всегда их закрываю. Но так ли это нужно теперь?

4. Устаревшее объявление кодировки - <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> - теперь сведено к минимуму: <meta charset="UTF-8" />.
Это объясняется тем, что для 100% понимания кодировки страницы браузером верстальщики ВСЕГДА использовали указание кодировки - и потому этот тег решили сократить. Что же касается mime-type, то на своей практики я не помню ни одного случая, чтобы требовалось указать что-то отличное от text/html.
Опять жешь, приоритетными параметрами являются параметры сервера, и я взял себе в привычку всегда вручную отправлять нужный mime-type в заданной кодировке.
Собственно вопрос: а чтоже будет со старыми браузерами? Они ведь не поймут это сокращение. Да и нужно ли оно вообще, если в заголовках итак все есть?

5. Указание mime-type в link и sсript: <link rel="stylesheet" type="text/css" href="style.css" /> или <sсript type="text/javasсript" src="jquery-1.7.1.min.js"></sсriрt> - насколько важен атрибут type?
В рекомендациях встретил что он устарел и его лучше опускать, но в более старых рекомендациях его рекомендовали использовать всегда, дабы браузер не запутался с тем что именно он выполняет.
Кроме того некоторые расширения - например, шаблонизатор на JQuery, используют специфические mime-type: <sсript id="movieTemplate" type="text/x-jquery-tmpl">

Вот как-то так)

@темы: HTML, Оптимизация

04:14 

Странный глюк в Opera

Вашта Нерада
Любая Тень разительно отличается от своего хозяина… Они тоже считают нас своими Тенями…(с)
Есть вот такая страница argemona.ru/main.html с горизонтальным меню. Меню самое элементарное, никаких скриптов, голый css. Во всех браузерах все ок, а внезапно в Опере нижние пункты меню тормозят, зависают и вообще странно себя ведут.

Что это? Голову уже сломала, не понимаю =(((((

P.S. Дизайн и верстка не мои, я только меню декорировала

@темы: Оптимизация, CSS

16:39 

Нужна помощь с кодом

Makha
Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Верстаю сайт. Все замечательно, НО пришлось сделать менб на Javasсript скопировав код с сайта, т.к. я пока не понимаю как это делается...
Собственно проблема в меню.
В макете оно выглядит так:

Я это реализовала... Но работает оно не совсем корректно. В частности после последних изменений html+css меню отлично работает в Опере и ИЕ... В не зависимости от ширины используемого экрана находится на своем месте... Но! В Хроме и Мазиле не работает :( Точнее работает но очень странно, только с права на лево. Как?? Почему??? Я не понимаю...
Привязываться к джаве совсем не обязательно....

Залила на хост: madhed.h16.ru/

:ps: Есть идеи, как адаптировать это все к ИЕ6? И прозрачность, и полупрозрачность... >_<

Css отвечающие за расположение:
читать дальше

Css отвечающие за вид:
читать дальше

html код вызова меню:
читать дальше

html код самих меню:
читать дальше

Javasсript:
читать дальше

@темы: Оптимизация, JavaScript, HTML, CSS

15:12 

Liferay

Вашта Нерада
Любая Тень разительно отличается от своего хозяина… Они тоже считают нас своими Тенями…(с)
Здравствуйте! Не очень уверена, что вопрос к вам, но, может, мне здесь могут помочь или послать туда, где могут помочь :shuffle2:

Я делаю сайт на Liferay. При изменении шаблона (template) страницы, созданные по этому шаблону, не меняются. Так и должно быть? Можно как-то поправить? И можно ли "натянуть" шаблон на уже созданную ранее страницу или обязательно новую создавать?

Заранее спасибо

@темы: Оптимизация, Веб-дизайн

19:15 

«Стоимость» операций в PHP

tven
Торговец знаниями
Благородные доны, ткните носом или подскажите, как спросить у гугля правильно о процессорной «стоимости» операций и функций в PHP?
Какие функции дорогие и прожорливые, как оптимизировать?

@темы: PHP, Оптимизация

10:44 

Ссылка на дневник

alhames
alhames.ru
Не подскажите как на дайри работают псевдотеги [J][/J] и [L][/L]?
Текст парсится в момент добавления в БД и все псевдотеги заменяются на реальные? Тогда его объем увеличивается, и необходим обратный парсинг для режима редактирования.
Но по моим наблюдениям если в ручную написать html-теги, на которые заменяется [J][/J] - то в режиме редактирования они так и останутся html-тегами.
Заменять все ссылки на дневники при выводе - но ведь это сколько накладных расходов, искать каждый раз в бд по содержимому тега [J][/J]
Или может есть какой-то способ оптимизации?
Аналогично - каким образом это реализовано на ЖЖ, Ли.ру и других блогохостингах?

@темы: Оптимизация

12:53 

Многоуровневое меню

alhames
alhames.ru
Имеется: сайт со структурой, состоящей из 3000+ разделов и 10-уровневой (возможно и больше) вложенностью.
Задача: создать такое меню, в котором можно было с легкостью перейти из любого раздела сайта в любой раздел.
Причем нужно как-то отображать в меню активность текущего раздела.

Мне лично нравится реализация на wowhead.com - выпадающие списки аля виндозное меню "Пуск > Все программы".
Но с такой вложенностью и количеством страниц а) невозможно загружать всю структуру сразу, а в выпадающих списках ajax не есть тру; б) очень сложно будет переходить на глубокие уровни, так как курсор вечно норовит выскочить из фокуса ссылки,тем более если размер шрифта не превышает 12px.

Может есть какие идеи?

@темы: Оптимизация

22:39 

Помогите, пожалуйста

Любая Тень разительно отличается от своего хозяина… Они тоже считают нас своими Тенями…(с)
Есть вот такой вот сайт: ravenlib.narod.ru/study/study_main.html

В Опере, Хроме, Мозилле все ок, а вот IE надо как всегда выпендриться - левое меню съезжает в центр. После долгих мучений я решила просто прописать для случаев IE отрицательный margin у левого меню (#left). Подскажите, пожалуйста, как это написать? Или какое-то еще решение проблемы....

Помощь получена, спасибо

@темы: Оптимизация, HTML, CSS

17:17 

Счетчки статистики

alhames
alhames.ru
Какие счетчики является наиболее удобными для сбора статистики на ваш взгляд?

Лично я уже привык к трем - LiveInternet, SpyLog и Рейтинг@Маил, но уже давно задумался об оптимизации страниц и тут сталкнулся с такой проблемой:
все эти счетчики используют JavaSсript, который грузится заметно дольше, чем вся страница - поэтому если счетчик расположен в начале или середине страницы, то происходит задержка загрузки последующих частей.
Убери счетчик вниз - скажете вы, но это увы не всегда возможно. Дело в том, что я счетчики пытаюсь максимально вписать в дизайн, поэтому так или иначе в самом конце он оказаться не может.

Как вы решаете эту проблему? Хотелось бы увидеть конкретные примеры..

@темы: HTML, JavaScript, Оптимизация

08:34 

Совет в написании чата

Доброго вам время суток,
Проблема такова, вообщем хочу написать чат на пхп.
Слышал, что чат сделаный на пхп кушает 3-5Мб оперативки на человека,+ моментальное обновление не слишком красиво там делается... чат будет каждую секунду обращаться с запросом к серверу....

Вообщем нужен Ваш совет, как это все красиво и аккуратно реализовать,
заранее спасибо.

@темы: MySQL, JavaScript, XSL, Оптимизация, Perl, PHP, HTML, CSS

23:09 

DOCTYPE

alhames
alhames.ru

Элемент <!DOCTYPE> предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, ведь HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать <!DOCTYPE>.

Существует несколько видов <!DOCTYPE>, они различаются в зависимости от версии HTML, на которую ориентированы. В табл. приведены основные типы документов с их описанием.

Таблица

Как я понимаю, самым лучшим вариантом является использование <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "www.w3.org/TR/html4/strict.dtd">;?
Так ли это, и насколько необходим этот тег?

@темы: HTML, Оптимизация, Синтаксис

13:21 

Упорядочивание блоков по вертикали

alhames
alhames.ru
Имеется код:
<style>
    body {margin: 0}
    #top {width: 600px; background-color: #666633; height: 100px}
    #middle {width: 600px; background-color: #999966; height: 100%}
    #bottom {width: 600px; background-color: #666633; height: 50px}
</style>
<center>
    <div id="top">&nbsp;</div>
    <div id="middle">&nbsp;</div>
    <div id="bottom">&nbsp;</div>
</center>

Требуется, чтоб блок "bottom" был привязан к нижнему краю браузера, блок "top" - к верхнему, а блок "middle" должен заполнить пространство между ними. причем два обязательных условия: 1) привязка не должна зависить от разрешения экрана пользователя; 2) привязка не должна зависить от браузера пользователя.

В приведенном коде в браузерах IE и Opera относительная высота ("100%") игнорируется, а в FF она присваивает значение полной высоты экрана браузера (т.е. происходит смещение за границы экрана ровно на высоту блоков "top" и "bottom").

Собственно, какие есть варианты решения?

@темы: CSS, HTML, Веб-дизайн, Оптимизация

00:18 

Анализ текста

alhames
alhames.ru
Дано:
Имеется произвольный набор текста, размером не превышающим 100 Кб.
Задача:
Необходимо извлечь из текста все имэйлы и создать двумерный массив вида:
<?
//из "petrov@mail.ru, sidorov@yandex.ru, ivanov@rambler.ru..."  в:
$e_mail['login'][0]="petrov"//логин пользователя
$e_mail['domen'][0]="mail.ru"//почтовый домен
$e_mail['login'][1]="sidorov";
$e_mail['domen'][1]="yandex.ru";
$e_mail['login'][2]="ivanov";
// ... и т.д.
?>

Вопрос:
Какие методы в данном случае будут наиболее оптимальны?

@темы: PHP, Оптимизация

@web-программирование

главная