More documents

Recommendations

Info

Уменьшение количества запросов119ÉÎ‡‚‡ 4. ìÏÂÌ¸¯ÂÌËÂ ÍÓÎË˜ÂÒÚ‚‡ Á‡ÔappleÓÒÓ‚В этой главе делается упор на методы автоматического объединенияфайлов, которые позволяют значительно уменьшить издержки на пересылкузапросов между браузером и сервером, возникающие в силу различныхсетевых задержек. Также здесь рассматриваются различные подходыдля клиентского и серверного кэширования.4.1. Ä‚ÚÓÏ‡ÚË˜ÂÒÍÓÂ Ó·˙Â‰ËÌÂÌËÂ ÚÂÍÒÚÓ‚˚ı Ù‡ÈÎÓ‚На тему автоматической «склейки» стилей и скриптов написано ужедовольно много статей, но нигде не было описано полное решение, котороеучитывало бы «подводные камни», связанные с браузерами и различ-
120РЕАКТИВНЫЕ ВЕБ-САЙТЫными способами использования указанных файлов. Ниже стоит рассмотретьто практическое решение, которое реализовано в Web Optimizer и обкатаноуже на нескольких тысячах сайтов.4.1.1. é·˙Â‰ËÌÂÌËÂ CSS-Ù‡ÈÎÓ‚Несмотря на более простой и поистине академический синтаксис, CSSфайлыдовольно сложно объединять в силу разных причин. Тут и различныеатрибуты media (указывающие на устройства, для которых предназначенданный файл), и возможность сделать «вложенную» загрузку стилейпри помощи @import и т. д. Для начала рассмотрим процесс получения ссылоки содержимого самих файлов из исходной структуры веб-страницы.Получаем кодЕсли в CMS у нас предусмотрена возможность вставки CSS-файла как отдельногообъекта в секцию head страницы, то это ограждает от множествапроблем по «вычленению» этих объектов из готового HTML-кода. В противномслучае нам придется использовать примерно следующий вариант:/* регулярное выражение для нахождения всех и внутри head-секции */$regex ="!(]+rel\\s*=\\s*(\"stylesheet\"|'stylesheet'|stylesheet)([^>]*)>|]*)>(.*?))!is";preg_match_all($regex, $this->head, $matches, PREG_SET_ORDER);if (!empty($matches)) {foreach($matches as $match) {$file = array();$file['tag'] = 'link';$file['source'] = $match[0];/* вырезаем из найденного куска HTML-кода обрамляющие теги,чтобы идентифицировать внутренние стилевые правила */$file['content'] =preg_replace("/(]+>|]*>[\t\s\r\n]*|[\t\s\r\n]*)/i", "", $match[0]);/* определяем все дополнительные атрибуты */preg_match_all("@(type|rel|media|href)\s*=\s*(?:\"([^\"]+)\"|'([^']+)'|([\s]+))@i", $match[0], $variants, PREG_SET_ORDER);if(is_array($variants)) {
Page 2 and 3:
Николай Мациевский
Page 4 and 5:
éÉãÄÇãÖçàÖ5 ВВЕДЕН
Page 7 and 8:
é· ‡‚ÚÓapple‡ıДанна
Page 9 and 10:
Однако и здесь доро
Page 11 and 12:
ç‡ ˜ÚÓ ‚ÎËflÂÚ Í‡˜
Page 13 and 14:
12РЕАКТИВНЫЕ ВЕБ-СА
Page 15 and 16:
Page 17 and 18:
Page 19 and 20:
Page 21 and 22:
Page 23 and 24:
Page 25 and 26:
Page 27 and 28:
Page 29 and 30:
Page 31 and 32:
Page 33 and 34:
Page 35 and 36:
Page 37 and 38:
Page 39 and 40:
Page 41 and 42:
Page 43 and 44:
Page 45 and 46:
Page 47 and 48:
Page 49 and 50:
Page 51 and 52:
Page 53 and 54:
Page 55 and 56:
Page 57 and 58:
Page 59 and 60:
Page 61 and 62:
Page 63 and 64:
Page 65:
Page 69 and 70: 68РЕАКТИВНЫЕ ВЕБ-СА
Page 119: 118РЕАКТИВНЫЕ ВЕБ-СА
Page 171 and 172:
Page 173 and 174:
Page 175 and 176:
Page 177 and 178:
Page 179 and 180:
Page 181 and 182:
Page 183 and 184:
Page 185 and 186:
Page 187 and 188:
Page 189 and 190:
Page 191 and 192:
Page 193 and 194:
Page 195 and 196:
Page 197 and 198:
Page 199 and 200:
Page 201 and 202:
Page 203 and 204:
Page 205 and 206:
Page 207 and 208:
Page 209 and 210:
Page 211 and 212:
Page 213 and 214:
Page 215 and 216:
Page 217 and 218:
Page 219 and 220:
Page 221 and 222:
Page 223 and 224:
Page 225 and 226:
Page 227 and 228:
Page 229 and 230:
Page 231 and 232:
Page 233 and 234:
Page 235 and 236:
Page 237 and 238:
Page 239 and 240:
Page 241 and 242:
Page 243 and 244:
Page 245 and 246:
Page 247 and 248:
Page 249 and 250:
Page 251 and 252:
Page 253 and 254:
Page 255 and 256:
Page 257 and 258:
Page 259 and 260:
Page 261 and 262:
Page 263 and 264:
Page 265 and 266:
Page 267 and 268:
Page 269 and 270:
Page 271 and 272:
Page 273 and 274:
Page 275 and 276:
Page 277 and 278:
Page 279 and 280:
Page 281 and 282:
Page 283 and 284:
Page 285 and 286:
Page 287 and 288:
Page 289 and 290:
Page 291 and 292:
Page 293 and 294:
Page 295 and 296:
Page 297 and 298:
Page 299 and 300:
Page 301 and 302:
Page 303 and 304:
Page 305 and 306:
Page 307 and 308:
Page 309 and 310:
Page 311 and 312:
Page 313 and 314:
Page 315 and 316:
Page 317 and 318:
Page 319 and 320:
Page 321 and 322:
Page 323 and 324:
Page 325 and 326:
Page 327 and 328:
Page 329 and 330:
Page 331 and 332:
Page 333 and 334:
Page 335 and 336:
Page 337:
Учебное изданиеМац
show all

Ð ÐµÐ°ÐºÑÐ¸Ð²Ð½ÑÐµ Ð²ÐµÐ±-ÑÐ°Ð¹ÑÑ ÐÐ¸ÐºÐ¾Ð»Ð°Ð¹ ÐÐ°ÑÐ¸ÐµÐ²ÑÐºÐ¸Ð¹ ÐÐ²Ð³ÐµÐ½Ð¸Ð¹ ...

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?

Ð ÐµÐ°ÐºÑÐ¸Ð²Ð½ÑÐµ Ð²ÐµÐ±-ÑÐ°Ð¹ÑÑ ÐÐ¸ÐºÐ¾Ð»Ð°Ð¹ ÐÐ°ÑÐ¸ÐµÐ²ÑÐºÐ¸Ð¹ ÐÐ²Ð³ÐµÐ½Ð¸Ð¹ ...