lnked

Скачать плагин
Плагин поместить в папку /smarty/plugins
Классы сжатия подключить
+ надо подкорректировать пути у вас они могут быть другими
Сжатие стилей

{compress
    mode   = 'css'
    type   = 'inline'
    file   = '/css/compress.css' // если не указать файл то запишет в папку кеша, путь к ней в плагине 
    media  = 'all'
    source = [
        [ file => 'http://fonts.googleapis.com/css?family=Titillium+Web:300|Roboto:400,300,700,500&subset=latin,cyrillic' ],
        [ file => '/css/cart.css', allow => '/cart' ],
        [ file => '/css/main.css', disallow => '/cart' ],
        [ file => '/css/modal.css' ]
    ]
}

Сжатие скриптов

{compress
    attr   = 'data-no-instant async'
    mode   = 'js'
    type   = 'include'
    media  = 'all'
    file   = '/js/compress.js'
    source = [
        [ 'file' => '/js/instantclick.min.js' ],
        [ 'file' => '/js/jquery.js' ],
        [ 'file' => '/js/modal.js' ],
        [ 'file' => '/js/cart.js' ],
        [ 'file' => '/js/mask.js' ],
        [ 'file' => '/js/app.js' ]
    ]
}

Попробуйте instantclick.io

Работает так

<script src="instantclick.js" data-no-instant></script>

InstantClick.on('change', function() {
    // Какой то js, если нужен
});

InstantClick.init();

Gimp

habrahabr.ru/post/224081

Вот пример

Попробуйте на маке в другом браузере посмотреть, и проверьте через анонимайзер сайт, например hideme.ru

Очень похоже на репост из вконтакте

я пользуюсь этим загружаешь свой psd и сохраняешь слои в svg

Посмотрите тут

Если веб то можете начать с контент менеджера, потихоньку изучать html, дальше и php можно (он не сложный)

допустим у вас есть 100 картинок, значит за 100% времени нам нужно обработать 100 изображений по 1му проценту на изображение

на js пишем функцию которая отсылает запрос на сервер и по возвращению ответа наращивает прогресс бар на 1 процент, и вызывает сама себя, как только доходим до 100 % прекращаем вызов самой себя и все готово

это что бы суть была понятна

Попробуйте мое решение

// Кешируем значение
var s_cache = $(window).scrollTop();

$(window).scroll(function() {
    var st = $(window).scrollTop(), d = st - s_cache;

    if(d > 0) {
        // Скроллим вниз
    }
    else {
        // Скроллим вверх
    }

    s_cache = st;
});

<div id="true_loadmore">Загрузить ещё</div>

jQuery(function($){
    $('#true_loadmore').click(function(){
    	if (!$(this).hasClass('in-progress'))
    	{
	    	$(this).addClass('in-progress');
	        $(this).text('Загружаю...'); // изменяем текст кнопки, вы также можете добавить прелоадер
	        var data = {
	            'action': 'loadmore',
	            'query': true_posts,
	            'page' : current_page
	        };
	        $.ajax({
	            url:ajaxurl, // обработчик
	            data:data, // данные
	            type:'POST', // тип запроса
	            success:function(data){
	                if( data ) {
	                    $('#true_loadmore').text('Загрузить ещё').before(data); // вставляем новые посты
	                    current_page++; // увеличиваем номер страницы на единицу
	                    if (currentPage == maxPages) $("#true_loadmore").remove(); // если последняя страница, удаляем кнопку
	                } else {
	                    $('#true_loadmore').remove(); // если мы дошли до последней страницы постов, скроем кнопку
	                }

	                $('#true_loadmore').removeClass('in-progress');
	            }
	        });
		}
    });
});

Попробуйте это saas решение readyscript.ru