Расширение Page Speed для Firebug Add-on к Firefox от Google – для рекомендаций по оптимизации скорости загрузки сайта

11 марта 2011 Нет комментариев



Метки:

4 июня 2009 года, компания Google выпустила расширение Page Speed для Firebug Add-on к Firefox.

Компания Google уделяет большую роль скорости загрузки веб-сайтов и старается разрабатывать технологии помогающие пользователям и разработчикам быстрее отображать и загружать информацию с веб-сайтов. Теперь технологии компании Google может использовать любой желающий.

Page Speed – это инструмент, который изначально использовался внутри компании Google для разработки собственных веб-страниц. Теперь же он стал доступен всем пользователям в виде плагина для Firefox. Page Speed – дает рекомендации по улучшению загрузки вашего сайта, например говорит о приемлемом сжатие картинок. Отображает те элементы CSS и JavaScript которые не используются на Вашей странице, в свою очередь которые можно отключить, что бы сэкономить время на их загрузке. По каждой рекомендации есть мануал по исправлению, правда на английском языке.

Официальная страница расширения Page Speed Google

Официальный блог плагина

Поддерживаемые платфоры:
* Mac OS X (x86 only)
* Linux (32-bit and 64-bit)
* Windows (XP and up)
Рекомендуется
* Mozilla Firefox 3.6 and higher: download from Mozilla
* Firebug Firefox Add-on 1.5.3 and higher: download from Mozilla

Выводим страницу HTML только после её полной загрузки

29 июля 2010 Нет комментариев

Все содержимое страницы помещаем между тегами

<div id=content style="display:none"> и </div>

в тег body вставляем следующее

<body onLoad=document.getElementById("content").style.display="block";>
</body>

Теперь все содержимое помещенное в тег “div id=content” будет показано только после полной загрузки страницы.

Используем нестандартные шрифты на сайте

09 июля 2010 Нет комментариев



Метки:

Для того что бы нам с Вами вставить текст с нестандартным шрифтом на сайт понадобится библиотека Cufon, которая является достойной альтернативой sIFR. Не будем вдаваться в детали почему. Используя библиотеку Cufon вставить текст на страничку HTML любым шрифтом достаточно просто.

Для начала пример:


Используем нестандартные шрифты на сайте Ispolzuem nestandartniy shrift 12340
Используем нестандартные шрифты на сайте Ispolzuem nestandartniy shrift 12340
Пример текста Primer teksta 12340

И так что, нам понадобится:

  1. Необходимо скачать библиотеку cufon-yui.js
  2. Теперь нам нужно получить нестандартный шрифт предварительно преобразовав его в нужный формате
    Для этого воспользуемся генератором шрифта на официальном сайте Cufon – fonts for the people
  3. Вставляем следующий код в начало html страницы 
    < !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script src="cufon-yui.js" type="text/javascript"></script>
        <script src="Frutiger_LT_Std_400.font.js" type="text/javascript"></script>
        <script src="Myriad_Pro_400.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('h1', { fontFamily: 'Frutiger LT Std' });
            Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
        </script>
    </meta></head>
    <body>
        <h1>This text will be shown in Frutiger LT Std.</h1>
        <h2>This text will be shown in Myriad Pro.</h2>
    </body>
</html>

    Интересным моментом является то, что отображаемый текст всегда сглажен. То есть этот метод отлично подходит для сглаживания шрифтов на сайте.