Форум PHP программистов > Критика моего сайта

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Страницы: 1, 2

spbbereg

23.09.2016 - 19:29

Здравствуйте. Это мой первый сайт, пришлось многие скрипты взять с интернета, чтобы не изобретать велосипед.

Хочу попросить у вас совета и помощи относительно:

1. Оптимизации сайта
2. Визуализации: что лучше убрать, что добавить для пользователя
3. Критических ошибок.

Код там страшный, сразу повторяю :-) Но не надо говорить, что то, что я сделал - какашка

Лучше укажите на ошибки. А то мне теперь его еще и продвигать надо.

Спасибо.

Вот ссылка: сайт

P.S. Буду еще кое-какие изменения в течение нескольких дней аля логотип прикручу, дескрипшены и титлы в соответствие приведу, страницу 404 настрою, сожму картинки.

_____________

Zzepish

23.09.2016 - 19:32

spbbereg
сайт на html или это роуты?

Сайт плохо выглядит с телефона и т.д.

spbbereg

23.09.2016 - 19:36

Zzepish

Это роуты. Под мобильник я не затачивал, не думаю, что кто-то с мобильника будет заходить на этот сайт, хотя...

_____________

Zzepish

23.09.2016 - 19:39

spbbereg
ну, оно должно хотя-бы выглядеть одинаково везде

spbbereg

23.09.2016 - 19:40

Zzepish
Да, согласен, я над этим поработаю, но пока не знаю, как заточить под эти устройства.

_____________

Kusss

23.09.2016 - 20:02

у тебя внизу шесть домиков. И если страницу сжать - получается наложения
у div , заменить
~~width:33%;~~
на
width: 31%;margin: 0px 1%;text-align:center;
а img добавить style="width: 100%;"

Выпадающее меню. Почему текст по центру ?

spbbereg

23.09.2016 - 20:04

Kusss

Спасибо, я это подправлю.

А текст лучше по левому краю выравнять?

_____________

sergeiss

23.09.2016 - 21:03

Насчет картинок. На первой же странице видим картинки достаточно большого размера. Которые не показываются на 100% своего размера. Потому что у них размер порядка 700-800 пикселей по горизонтали. 3 таких картинки, вместе со всякими маржингами и бордерами - это всяко больше 2000 пикселей. То есть, сайт рассчитан под очень большие мониторы? А лишний трафик "кушается"...
Далее. Зашел в "Фотографии". Та же шняга, даже еще хуже: размеры фотографий еще больше (разрешение более 1500 пикселей по горизонтали). Но ужаты в превью до небольших размеров. При этом на экране ноута 1600*900, при разворачивании браузера (Огнелис) на весь экран, в режиме просмотра полной картинки, я вижу картинку в разрешении менее 700 пикселей по горизонтали. Когда, для какого монитора, я смогу (и смогу ли?) увидеть эту картину в 100%-м размере? Не уверен, что такое получится.
При нажатии на фотку она разворачивается не сразу - потому что еще какая-то шняга грузится, в размере больше сотен килобайт, которые не сразу приходят даже на быстром интернете. Это файл http://platform.twitter.com/widgets.js, который запрашивается каждый раз с разными параметрами. А это уже заметно юзеру - некрасиво, когда в течение секунды по потемневшему экрану скачет белый прямоугольник, который потом превращается в картинку.
В Проектах та же фигня с картинками.........

Всё это к тому, что надо продуманно оптимизировать картинки и их показ. Дабы не гнать лишний трафик и сделать красивый показ.

Ну и как-то странно работает "возврат назад" в Фотографиях. Зачем при показе "полной" фотографии меняется адресная строка? И почему она не меняется обратно при выходе из просмотра полной фотки? Тут есть над чем подумать и что изменить. Лучше всего вообще не менять адресную строку.

PS. Вот сюда зайди http://phpforum.su/index.php?showtopic=90751&hl=, тут как раз насчет "ожирения сайтов" речь идет

Твой случай.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Arh

23.09.2016 - 21:09

spbbereg

Цитата

Под мобильник я не затачивал, не думаю, что кто-то с мобильника будет заходить на этот сайт, хотя...

https://habrahabr.ru/company/yandex/blog/307064/

Обычный стиль

.title {
    font-size: 72px;
}
.bla {
    width: 500px;
}

Стиль для устройств с экраном до 400px

@media all and (max-width: 400px) {
    .title {
        font-size: 36px;
    }
    .bla {
        width: 200px;
    }
}

Ещё про open graph почитай, что бы в соц сетях ссылки на страницы твоего сайта оформлялись как тебе нужно.


<html prefix="og: http://ogp.me/ns#  video: http://ogp.me/ns/video# ya: http://webmaster.yandex.ru/vocabularies/">
<head>
  <meta property="og:title" content="Open Graph для видео"/> 
  <meta property="og:url" content="http://mysite.com/view/308/"/> 
  <meta property="og:description" content="Стандарт Open Graph разработан социальной сетью Facebook. Он позволяет контролировать превью, которое формируется при публикации ссылки на сайт в социальных сетях, и передавать информацию другим интернет-сервисам."/> 
  <meta property="og:image" content="http://yandex.st/lego/_/X31pO5JJJKEifJ7sfvuf3mGeD_8.png"/>
</head>

По меню. У меня на мониторе при наведении курсора на меню практически незаметно смена цвета.
А при переходе например на фотогалерею в меню она никак не подсвечивается, то есть по меню не понятно где я в данный момент нахожусь.
И при наведении на выпадающий список лучше убрать cursor:pointer, потому что нажимаешь, а там ссылки нету и сидишь ждёшь. Либо вставь туда ссылку на самый популярный раздел списка.

И добавь <meta name="viewport" content="width=device-width,initial-scale=1" />
В статье на хабре об этом есть.
нажми ctrl+shift+i а потом ctrl+shift+m
увидишь что текст мелкий

_____________
Промокод предоставляет скидку на заказ домена и/или хостинга reg.ru
BFCC-3895-8804-9ED2

Быстрый ответ:

Здесь расположена полная версия этой страницы.