aeroplah Posted December 9, 2012 Share Posted December 9, 2012 (edited) Хотел бы узнать про sprite, внес изменения в файлы css, все хорошо работает, но если включать ССС для css файлов, то sprite не работает, а не включать ССС нельзя, page speed резко падает, но и sprite очень хочется включить т.к. прибавка в 5%. Как быть, уважаемые? Edited December 12, 2012 by aeroplah (see edit history) Link to comment Share on other sites More sharing options...
sors Posted December 9, 2012 Share Posted December 9, 2012 Это же asp.net. Просто включите на вкладке Производительность CCC для скриптов и стилей. http://gtmetrix.com/reports/prestalab.ru/rDdCbBQV 1 Link to comment Share on other sites More sharing options...
aeroplah Posted December 9, 2012 Author Share Posted December 9, 2012 (edited) Спасибо большое за отзыв, я правильно понимаю, что нужно включить первые два (или или все?) неактивированные пункты? Активировал первые два пункта, в гугле поднялось до 45% а в slow до 77% Edited December 9, 2012 by aeroplah (see edit history) Link to comment Share on other sites More sharing options...
Kerm Posted December 9, 2012 Share Posted December 9, 2012 Попробуйте еще установить на сервер nginx и apc cache 1 Link to comment Share on other sites More sharing options...
Евгений Медведев Posted December 10, 2012 Share Posted December 10, 2012 Не вздумайте устанавливать кэширование вроде APC или memcache. Такие грабли ..... Link to comment Share on other sites More sharing options...
aeroplah Posted December 12, 2012 Author Share Posted December 12, 2012 Спасибо за ответ, но в моем случае memcache на сервере значительно помогает, после включения gzip на серваке page speed стал 61, хотел бы узнать про sprite, внес изменения в файлы css, все хорошо работает, но если включать ССС для css файлов, то sprite не работает, а не включать ССС нельзя, page speed резко падает, но и sprite очень хочется включить т.к. прибавка в 5%. Как быть, уважаемые? Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 12, 2012 Share Posted December 12, 2012 Говорите, если включать ССС для css файлов, то sprite не работает. А как же работают дефолтные спрайты? Половина всей микрографики стандартного шаблона собрана на спрайтах... Link to comment Share on other sites More sharing options...
aeroplah Posted December 12, 2012 Author Share Posted December 12, 2012 (edited) Чтобы не быть голословным, вот мой рабочий сайт (сорри есть постить ссылки запрещено). Я смотрел главную страницу с помощью вот этого - http://spriteme.org/ , на главной sprite можно сделать из 5 изображений (поиск, корзина и т.д., да и спрайтов на странице больше нет), генерируем их, потом получаем код с помощью export CSS и меняем указанные им файлы. Если не включен CCC, то предлагается сделать замену в 4 файлах стилей, Если стоит, то в 1, который находится: тема/e9e0ab0c4c4a29de45c8bec21cfc56f4_all.css, я пробывал менять в 4 файлах и только затем включать ССС, мне кажется так более правильным, не знаю, может поменять в файле, который генерируется при сжатии стилей, но меня смущает, что он находится в кеше Edited February 26, 2013 by aeroplah (see edit history) Link to comment Share on other sites More sharing options...
sors Posted December 13, 2012 Share Posted December 13, 2012 Делать замену в 4 файлах стилей. Но вам дают не совсем правильный код, если он портится при ССС. Посмотрите как сделаны спрайты в коде 1 Link to comment Share on other sites More sharing options...
aeroplah Posted December 13, 2012 Author Share Posted December 13, 2012 (edited) спасибо, буду копать в этом направлении а где можно посмотреть реализацию спрайтов на престе? думал на демо сайте престы ( http://demo-store.prestashop.com/en/ ) уже немного реализовано, но там еще большее раздолье для работы) Кажется разобрался... при сжатии образуется в css вот такая ссылка на файл со спрайтом отсюда и проблема, осталось понять, что заменить Edited February 26, 2013 by aeroplah (see edit history) Link to comment Share on other sites More sharing options...
aeroplah Posted December 13, 2012 Author Share Posted December 13, 2012 (edited) Уважаемые, как грамотно заменить вот этот код background:url(img/search_btn.png) no-repeat; на нужную мне ссылку т.к. если оставлять тег url и делать background:url(http://сайт/папка/спрайт) no-repeat; - то при сжатии (без сжатия все ок) образуется некорректная ссылка формата сайт/тема/стили/модуль/сайт/папка/спрайт Не обладая знаниями становится сразу понятно, что url = сайт/тема/стили/модуль Чем заменить? Edited December 13, 2012 by aeroplah (see edit history) Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted December 13, 2012 Share Posted December 13, 2012 Вообще-то url — не тэг, а ссылка на относительный адрес. Так же как src — на абсолютный. И в приведённом примере кода (background:url(img/search_btn.png) no-repeat) у Вас нет того, что делает спрайт спрайтом — позиционирования картинки. Спрайт — это ж сборная картинка, части которой показываются так, как это задано в CSS: в одном случае показывается один участок, в другом — другой. Простейший пример — это кнопки, которые меняют свой цвет при наведении курсора. В ПШ все они на спрайтах и работают как с CCC, так и без... А у Вас почему-то — нет. Проблема, скорее всего, в том, что у Вас неправильно сгенерирован сам спрайт, как Вам уже писал Sors. Ну, так попробуйте другой генератор! В Сети их дополна. Link to comment Share on other sites More sharing options...
sors Posted December 14, 2012 Share Posted December 14, 2012 Правильно так background:url(../img/sprite.png) no-repeat; Link to comment Share on other sites More sharing options...
aeroplah Posted December 14, 2012 Author Share Posted December 14, 2012 (edited) Правильно так background:url(../img/sprite.png) no-repeat; Спасибо, попробую еще раз, но уже раньше вводил, получается сайт/тема/стили/модуль/../папка/спрайт. Вариант не работает даже если не включать сжатии Работает только в том случае если указывать background:url no-repeat; Но опять...только до сжатия( Печально все Edited February 26, 2013 by aeroplah (see edit history) Link to comment Share on other sites More sharing options...
aeroplah Posted December 14, 2012 Author Share Posted December 14, 2012 (edited) Вообще-то url — не тэг, а ссылка на относительный адрес. Так же как src — на абсолютный. И в приведённом примере кода (background:url(img/search_btn.png) no-repeat) у Вас нет того, что делает спрайт спрайтом — позиционирования картинки. Спрайт — это ж сборная картинка, части которой показываются так, как это задано в CSS: в одном случае показывается один участок, в другом — другой. Простейший пример — это кнопки, которые меняют свой цвет при наведении курсора. В ПШ все они на спрайтах и работают как с CCC, так и без... А у Вас почему-то — нет. Проблема, скорее всего, в том, что у Вас неправильно сгенерирован сам спрайт, как Вам уже писал Sors. Ну, так попробуйте другой генератор! В Сети их дополна. Вы правы, конечно, ссылка не на спрайт, я привел пример того, что в начальном стиле написано, я меняю на img/spriteme1, но файл стилей находится по адресу сайт/тема/стили/модуль , а спрайт находится по адресу сайт/img А так вот он сам спрайт Edited February 26, 2013 by aeroplah (see edit history) Link to comment Share on other sites More sharing options...
sors Posted December 14, 2012 Share Posted December 14, 2012 Картинки должны находиться в папке с темой в img Link to comment Share on other sites More sharing options...
aeroplah Posted December 14, 2012 Author Share Posted December 14, 2012 хорошо, вот этого я не знал, спасибо, сейчас попробую Link to comment Share on other sites More sharing options...
aeroplah Posted December 14, 2012 Author Share Posted December 14, 2012 (edited) хм...спасибо большое, что помогаете, но мне кажется это бесполезно) Edited February 26, 2013 by aeroplah (see edit history) Link to comment Share on other sites More sharing options...
aeroplah Posted December 17, 2012 Author Share Posted December 17, 2012 Решил свой вопрос и попробовал установить cloudcache, в гугле page speed с 55 скакнул до 90, но почему то стал кривой CSS, кто-то сталкивался? Link to comment Share on other sites More sharing options...
sors Posted December 17, 2012 Share Posted December 17, 2012 У Cloudcache сервера не в России, так что скорость врятли вырастет Link to comment Share on other sites More sharing options...
Recommended Posts