alex_web

https://www.telerik.com/fiddler да и в дев тулзах хрома и FF есть ограничение скорости

судя по этому G31D-M7, максимальный объем поддерживаемой памяти 4GB. Поэтому самым простым вариантом будет докупить 2гига ОЗУ.
Посмотреть нормально ли стала реагировать система, если всё же будет не хватать отзывчивости тогда можно уже смотреть в сторону Linux.

п.с.
у вас ещё встроенное видео которое отжирает 256метров, а если учесть и саму систему, то на всё про всё остаётся 1 гиг под программы, поэтому не удивительно что так всё тормозит, потому что система неподетски налягает на своп.

п.с.2
Вместо Chrome я бы посоветовал использовать Firefox, он в плане использования памяти на закладку довольно экономичен.

Как вариант - Photoshop под Wine (медленно и глючно).
Нет альтернатив, фотошоп единственный в своем роде. Даже GIMP, с которым его часто сравнивают, в подметки ему не годится.

Думаю вам надо изменить сам подход к вёрстке - нельзя верстать под конкретные разрешения, это тупиковый путь с бесполезными затратами времени.
Оптимальный workflow примерно такой:
1. Делаем максимально резиновую вёрстку. Всё что может быть резиновым - должно им быть, включая изображения. На этом этапе можно с картинками сильно не заморачиваться и делать просто { width: 100%; height: auto; }, перфекционизм - позже.
2. Расставляем брекпоинты. Обратите внимание: их надо расставлять не по "популярным" разрешениям экрана, а в соответствии с дизайном! Как пример - вывод товаров в каталоге в виде сетки. На большом экране будет четыре товара в ряд (25% ширины), потом - три, два и, наконец, для телефонов в портретной ориентации - один товар (100% ширины). Разрешение, при котором будет "перепрыжка" товаров с четырёх в строке на три (и прочие) надо определять визуально, лучше вместе с дизайнером. Результатом этого этапа должен быть сайт, который с максимального разрешения (допустим 2000 пикселей) до минимального (200?) красиво меняется в браузере при плавном изменении размера окна.
3. Тестируем на популярных разрешениях экрана. Заметьте, это практический последний этап. Если предыдущие этапы сделаны правильно, то на этом не остаётся никакой работы - просто проверка.
4. Наводим лоск. Здесь уже можно заняться оптимизациями и украшательставами. В частности - сделать разные источники для каждой картинки. Не буду подробно описывать технологии, руководств много в сети, по картинкам например вот: "Отзывчивые изображения: примеры использования"

Как начинающему прогеру рекомендовал бы вам сначала компилировать и запускать без использования IDE. При правильном изучении после перехода на IDE все вопросы типа «что такое класспас» и «а где мой джарник» отпадут сами собой.